student from 01.01.2022 to 01.01.2025
Russian Federation
student
681.327
This article is written to explain principles of client-server connection, as well as to solve the problem and to explanation on a working project. Initial investigation showed that the home page, designed using a dark color scheme and animations, was suffering from long delays in loading times. animations, suffered from long loading delays. Users encountered a situation where only the HTML markup was loaded, but CSS styles were were applied much later. As a first measure, the download times from different sources were analyzed loading times from different sources and compared them to the performance of the optimization. For more in-depth optimization, it was decided to decision - to apply a number of approaches aimed at improving performance. In particular, one of the main measures was to improve the processing of JavaScript and its integration with CSS, which helped minimize the lag time between the initial page load and the display of styles. In addition, a system of caching system, which helped to reduce the number of requests to the server and improve the overall loading speed. As a result, a unique solution that fixed the problem, and users no longer encountered this problem.
optimization, Client-server connection, Dynamic content, Preloader, DevTools, JavaScript, Protocol
1. Grechkin V. A. Tools for website layout // National Research University "MPEI". 2024. pp. 91–95.
2. Tonkhonoeva A. A. Web application development tools // Buryat State University named after Dorzhi Banzarov. 2019. pp. 36–39.
3. Kuzmichev I. P. Profiling and optimization of Web Applications // Pskov State University. 2023. pp. 197–200.
4. Beryanov M. S. Comparison of website rendering on the client side (CSR) and on the server side (SSR) // ITMO University. 2023. pp. 39–41.
5. Agafonova M. V. Optimization of rendering a web application based on the frontend framework // ITMO University. 2023. pp. 47–52.
6. Filisov D. A. Unleashing performance: a deep dive into high-load applications // Innovative Science. 2023. pp. 37–47.
7. Kravtsov E. P. Development of high-performance react applications: optimization methods and practices // Sberdevices. 2024. pp. 53–58.
8. Azhariyah S., Muhammad Mukhlis. CSS framework: tailwind css for the front-end website store Pt. XYZ // Politeknik Negeri Subang. 2024. pp. 30–36.
9. Perfil'ev N. V., Makarov D. A. Optimization of frontend application assembly // Zabaikalsky State University. 2019. pp. 44–46.
10. Nasirov E. F., Kirillov D. S., Chernova M. V. Javascript framework VueJS // FGBOU VO "Kazan National Research Technological University". 2020. pp. 65–67.
11. Nugroho M. A., Wuryanto E., Faqih K. Optimizing uncapacitated facility location problem with cuckoo search algorithm based on gauss distribution // Airlangga University. 2023. p. 361.
12. Anarbekov T. R., Achekeev K. S., Seitkazieva N. S., Mamajunus Kyzy A. Development of a computer game "2024" in the programming language java script and CSS // Kyrgyz National University named after I. Arabaev. 2023. pp. 24–32.
13. A Jartarghar H., Rao Salanke G., A.R A.K., G.S SH., Dalali SH. React apps with server-side rendering: Next.JS // Department of Computer Science and Engineering, R.V College of Engineering, Bengaluru, India. Don Bosco Institute of Technology, Bengaluru, India. 2022. pp. 25–29.
14. Kirilov R. F., Kudryashova A. A., Puzankov K. R., Smolin A. A. Optimization of the performance of web applications on Vue.js and React: best practices and tools // OGAPOU "Ulyanovsk Aviation College - Interregional Competence Center". 2024. pp. 31–35.
