Серверный рендеринг (SSR): отдаём HTML с сервера

Серверный рендеринг собирает HTML на сервере для запроса ещё до того, как браузер получит ответ. Значимый контент уже есть в первом ответе.

Что меняет SSR

SSR переносит формирование начальной разметки на сервер. Браузер получает HTML, а затем JavaScript может провести гидратацию интерактивных компонентов. SSR — это не то же самое, что статическая генерация, кэширование, быстрый TTFB или успешная индексация.

Доказательство — это тело ответа и статус для реального URL, а не настройка фреймворка.

Схема показывает основные входные данные, проверки и путь принятия решения для серверного рендеринга (SSR).

Проверка ответа

Откройте исходный HTML с отключённым JavaScript или через простой fetch-запрос. Проверьте статус, канонический URL, основной текст и поведение при ошибке до гидратации.

  1. Запросите исходный HTML.
  2. Запросите несуществующий маршрут.
  3. Сравните отрендеренный и исходный контент.
  4. Измерьте TTFB отдельно.
  5. Проверьте варианты кэша.

Выбор схемы рендеринга

Используйте SSR там, где нужны данные на момент запроса или персонализация и сервер может стабильно отвечать. Статичный или закэшированный вывод может лучше подойти для стабильных публичных страниц.

ВопросПроверкаОграничение
Начальный контентЕсть в HTML ответаСам по себе HTML не гарантирует качество
Маршрут с ошибкойКорректный статус 404/410/500Клиентский интерфейс может скрывать статус
ПроизводительностьTTFB и ресурсы отдельноОдин общий балл скрывает слои

Ограничения SSR

Страница с серверным рендерингом всё равно может грузиться медленно, вернуть ошибку или скрывать контент за последующими клиентскими запросами.

Не отмечайте маршрут как готовый к SSR, пока не проверены его реальный HTTP-ответ, HTML и состояния ошибок.

FAQ

Гарантирует ли SSR хорошие Core Web Vitals?
Нет. Время ответа сервера, размер HTML, ресурсы и работа на клиенте по-прежнему измеряются отдельно.
Как проверить SSR?
Изучите исходный HTML и HTTP-статус для основных маршрутов, затем сравните их с отрендеренной страницей.
Может ли SSR-маршрут вернуть мягкую 404?
Да. Фирменная страница ошибки всё равно должна возвращать подходящий HTTP-статус.