Отрисовка на стороне клиента(ОСК)

Часы
16.08.2024
Глазик
20
Сердечки
0
Соединённые точки
0
Соединённые точки
0

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