студент с 01.01.2022 по 01.01.2025
Россия
студент
УДК 681.327 <Вспомогательное цифровое оборудование (устройства) ЦВМ. Запоминающие устройства (ЗУ). Устройства ввода и вывода> Исключено E&C 18 [1996]
Данная статья написана для объяснения принципов работы клиент-серверного соединения, а также для решения проблемы и объяснения на работающем проекте. Первоначальное исследование показало, что главная страница, оформленная с использованием тёмной цветовой гаммы и анимаций, страдала от длительных задержек при загрузке. Пользователи сталкивались с ситуацией, когда загружалась только HTML-разметка, но стили CSS применялись значительно позже. В качестве первой меры было проанализировано время загрузки из разных источников и сравнение с показателями оптимизации. Для более глубокой оптимизации было принято решение — применить ряд подходов, направленных на улучшение производительности. В частности, одна из основных мер заключалась в улучшении обработки JavaScript и его интеграции с CSS, что позволило минимизировать время задержки между первичной загрузкой страницы и отображением стилей. Кроме того, была внедрена система кэширования, что помогло сократить количество запросов к серверу и улучшить общую скорость загрузки. В результате, было предложено уникальное решение, которые исправило проблему, и пользователи более не сталкивались с данной проблемой.
оптимизация, Клиент-серверное соединение, Динамический контент, Прелоадер, DevTools, JavaScript, Протокол
1. Гречкин В. А. Инструменты верстки сайтов // Национальный исследовательский университет «МЭИ». 2024. С. 91–95.
2. Тонхоноева А. А. Средства разработки web-приложений // Бурятский государственный университет имени Доржи Банзарова. 2019. С. 36–39.
3. Кузьмичев И. П. Профилирование и оптимизация Web Приложений // Псковский государственный университет. 2023. С. 197–200.
4. Берьянов М. С. Сравнение отрисовки сайта на стороне клиента (CSR) и на стороне сервера (SSR) // Университет ИТМО. 2023. С. 39–41.
5. Агафонова М. В. Оптимизация рендеринга веб-приложения на основе frontend-фреймворка // Университет ИТМО. 2023. С. 47–52.
6. Филисов Д. А. Высвобождение производительности: глубокое погружение в приложения с высокой нагрузкой // Инновационная Наука. 2023. С. 37–47.
7. Кравцов Е. П. Разработка высокопроизводительных react-приложений: методы и практики оптимизации // Sberdevices. 2024. С. 53–58.
8. Azhariyah S., Muhammad Mukhlis Framework CSS: tailwind css untuk front-end website store Pt. XYZ // Politeknik Negeri Subang. 2024. С. 30–36.
9. Перфильев Н. В., Макаров Д. А. Оптимизация сборки frontend-приложений // Забайкальский государственный университет. 2019. С. 44–46.
10. Насиров Э. Ф., Кириллов Д. С., Чернова М. В. Фреймворк javascript VueJS // ФГБОУ ВО «Казанский национальный исследовательский технологический университет». 2020. С. 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. С. 361.
12. Анарбеков Т. Р., Ачекеев К. С., Сейтказиева Н. С., Мамажунус Кызы А. Разработка компьютерной игры "2024 " на языке программирование java script и CSS // Кыргызский государственный университет имени И. Арабаева. 2023. С. 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. С. 25–29.
14. Кирилов Р. Ф., Кудряшова А. А., Пузанков К. Р., Смолин А. А. Оптимизация производительности веб-приложений на Vue.js и React: лучшие практики и инструменты // ОГАПОУ «Ульяновский авиационный колледж - Межрегиональный центр компетенций». 2024. С. 31–35.