JOURNAL OF MONETARY ECONOMICS AND MANAGEMENT JOURNAL OF MONETARY ECONOMICS AND MANAGEMENT JOURNAL OF MONETARY ECONOMICS AND MANAGEMENT 2782-4586 2949-1851 94049 10.26118/2782-4586.2025.26.66.002 Научные статьи SCIENTIFIC ARTICLES Научные статьи OPTIMIZATION CLIENT-SERVER CONNECTION ОПТИМИЗАЦИЯ КЛИЕНТ-СЕРВЕРНОГО СОЕДИНЕНИЯ Мыцык Ростислав Александрович Mycyk Rostislav Aleksandrovich mycykrostya@mail.ru Ринас Николай Анатольевич Rinas Nikolay Anatolyevich mr.rinas@mail.ru

кандидат технических наук;

candidate of technical sciences;

 Топчин Эдгар Гендрикович Topchin Edgar Gendrikovich edo.topchi@mail.ru Кубанский государственный аграрный университет Kuban State Agrarian University 09 06 2025 09 06 2025 2 347 356 10 02 2025 https://jomeam.ru/en/nauka/article/94049/view

Данная статья написана для объяснения принципов работы клиент-серверного соединения, а также для решения проблемы и объяснения на работающем проекте. Первоначальное исследование показало, что главная страница, оформленная с использованием тёмной цветовой гаммы и анимаций, страдала от длительных задержек при загрузке. Пользователи сталкивались с ситуацией, когда загружалась только HTML-разметка, но стили CSS применялись значительно позже. В качестве первой меры было проанализировано время загрузки из разных источников и сравнение с показателями оптимизации. Для более глубокой оптимизации было принято решение — применить ряд подходов, направленных на улучшение производительности. В частности, одна из основных мер заключалась в улучшении обработки JavaScript и его интеграции с CSS, что позволило минимизировать время задержки между первичной загрузкой страницы и отображением стилей. Кроме того, была внедрена система кэширования, что помогло сократить количество запросов к серверу и улучшить общую скорость загрузки. В результате, было предложено уникальное решение, которые исправило проблему, и пользователи более не сталкивались с данной проблемой.

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.

 оптимизация Клиент-серверное соединение Динамический контент Прелоадер DevTools JavaScript Протокол optimization Client-server connection Dynamic content Preloader DevTools JavaScript Protocol

Гречкин В. А. Инструменты верстки сайтов // Национальный исследовательский университет «МЭИ». 2024. С. 91–95. Grechkin V. A. Tools for website layout // National Research University "MPEI". 2024. pp. 91–95. Тонхоноева А. А. Средства разработки web-приложений // Бурятский государственный университет имени Доржи Банзарова. 2019. С. 36–39. Tonkhonoeva A. A. Web application development tools // Buryat State University named after Dorzhi Banzarov. 2019. pp. 36–39. Кузьмичев И. П. Профилирование и оптимизация Web Приложений // Псковский государственный университет. 2023. С. 197–200. Kuzmichev I. P. Profiling and optimization of Web Applications // Pskov State University. 2023. pp. 197–200. Берьянов М. С. Сравнение отрисовки сайта на стороне клиента (CSR) и на стороне сервера (SSR) // Университет ИТМО. 2023. С. 39–41. Beryanov M. S. Comparison of website rendering on the client side (CSR) and on the server side (SSR) // ITMO University. 2023. pp. 39–41. Агафонова М. В. Оптимизация рендеринга веб-приложения на основе frontend-фреймворка // Университет ИТМО. 2023. С. 47–52. Agafonova M. V. Optimization of rendering a web application based on the frontend framework // ITMO University. 2023. pp. 47–52. Филисов Д. А. Высвобождение производительности: глубокое погружение в приложения с высокой нагрузкой // Инновационная Наука. 2023. С. 37–47. Filisov D. A. Unleashing performance: a deep dive into high-load applications // Innovative Science. 2023. pp. 37–47. Кравцов Е. П. Разработка высокопроизводительных react-приложений: методы и практики оптимизации // Sberdevices. 2024. С. 53–58. Kravtsov E. P. Development of high-performance react applications: optimization methods and practices // Sberdevices. 2024. pp. 53–58. Azhariyah S., Muhammad Mukhlis Framework CSS: tailwind css untuk front-end website store Pt. XYZ // Politeknik Negeri Subang. 2024. С. 30–36. Azhariyah S., Muhammad Mukhlis. CSS framework: tailwind css for the front-end website store Pt. XYZ // Politeknik Negeri Subang. 2024. pp. 30–36. Перфильев Н. В., Макаров Д. А. Оптимизация сборки frontend-приложений // Забайкальский государственный университет. 2019. С. 44–46. Perfil'ev N. V., Makarov D. A. Optimization of frontend application assembly // Zabaikalsky State University. 2019. pp. 44–46. Насиров Э. Ф., Кириллов Д. С., Чернова М. В. Фреймворк javascript VueJS // ФГБОУ ВО «Казанский национальный исследовательский технологический университет». 2020. С. 65–67. Nasirov E. F., Kirillov D. S., Chernova M. V. Javascript framework VueJS // FGBOU VO "Kazan National Research Technological University". 2020. pp. 65–67. Nugroho M. A., Wuryanto E., Faqih K. Optimizing uncapacitated facility location problem with cuckoo search algorithm based on gauss distribution // Airlangga University. 2023. С. 361. 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. Анарбеков Т. Р., Ачекеев К. С., Сейтказиева Н. С., Мамажунус Кызы А. Разработка компьютерной игры "2024 " на языке программирование java script и CSS // Кыргызский государственный университет имени И. Арабаева. 2023. С. 24–32. 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. 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. С. 25–29. 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. Кирилов Р. Ф., Кудряшова А. А., Пузанков К. Р., Смолин А. А. Оптимизация производительности веб-приложений на Vue.js и React: лучшие практики и инструменты // ОГАПОУ «Ульяновский авиационный колледж - Межрегиональный центр компетенций». 2024. С. 31–35. 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.