
Отрисовка на стороне клиента(ОСК)
16.08.2024
20
0
0
0
Это такой способ отрисовки при котором, всё содержание страницы, включая первую, происходит в браузере. Пользователь должен сначала загрузить весь JavaScript, и только после этого что-то сможет отрисоваться.
CSR обычно используется для приложений с динамическим контентом и требующих высокой степени интерактивности, таких как чат-приложения и платформы социальных сетей. Он также идеально подходит для одностраничных приложений и внутренних приложений, таких как панели администратора и пользователя, которые не нужно индексировать поисковыми системами.
React, Vue, Angular, Backbone, Ember и Swelte — самые известные примеры использования CSR.
Как это работает, пошагово:
- Запрашивает веб-страницу
- Сервер получает запрос
- Сервер отправляет минимальную HTML-страницу со ссылками на файлы CSS и JavaScript
- Анализ HTML
- Браузер загружает CSS и JavaScript
- Отображение страницы
- Выполнение JavaScript
- Повторный рендеринг и обновление
- Финальный вывод
Плюсы:
- Снижение нагрузки на сервер
- Более динамичный и итеративный
Минусы:
- Плохо для SEO
- Более долгая загрузка страницы