Middle
54
questionbank

Какие существуют виды рендеринга страниц?

Получайте ответы на вопросы в реальном времени с Sobes Copilot→
Ответ от нейросети sobes.tech
  • Асинхронный рендеринг (Async Rendering): Части страницы (например, данные, полученные через AJAX-запросы) загружаются и отображаются постепенно, не блокируя загрузку основной структуры.
  • Рендеринг на стороне клиента (Client-Side Rendering, CSR): Браузер загружает минимальный HTML-файл, который содержит ссылку на JavaScript-бандл. Этот бандл выполняется в браузере и динамически строит DOM.
  • Рендеринг на стороне сервера (Server-Side Rendering, SSR): Сервер генерирует полный HTML-документ с содержимым для каждой посещаемой страницы и отправляет его браузеру. Браузер отображает уже готовую страницу.
  • Статический рендеринг (Static Rendering / Static Site Generation, SSG): Страницы генерируются в виде статических HTML-файлов во время сборки проекта. Эти файлы затем отдаются пользователю, обеспечивая очень быстру загрузку.
  • Изоморфный (Универсальный) рендеринг (Isomorphic / Universal Rendering): Код JavaScript, который может выполняться как на сервере, так и на клиенте. Это позволяет сначала отрендерить страницу на сервере (для ускорения первого отображения и SEO), а затем передать управление на клиент для интерактивности.
Вид рендерингаГде происходитНачальная загрузкаSEOИнтерактивность
CSRКлиент (браузер)Медленнее первого контентаМожет быть сложнееВысокая после загрузки JS
SSRСерверБыстрее первого контентаХорошееПоявляется после загрузки JS
SSGСборка проектаОчень быстроОтличноеЗависит от JS, добавляемого после загрузки статики
ИзоморфныйСервер и клиентБыстрое первое отображениеХорошееВысокая после "гидрации"