PassFront
  1. PassFront
  2. База знаний
  3. DOM и браузер

Какие плюсы и минусы SSR?

DOM и браузер

SSR имеет плюсы (быстрый первый показ и SEO) и минусы (нагрузка на сервер и сложность). Понимание баланса помогает решить, нужен ли он.

Плюсы

  • Быстрый First Contentful Paint — пользователь видит контент сразу, без ожидания загрузки и выполнения JS.
  • SEO — поисковые роботы получают готовый HTML с контентом.
  • Производительность на слабых устройствах — меньше работы в браузере при первой загрузке.
  • Корректный шеринг — Open Graph и превью в соцсетях работают из коробки.

Минусы

  • Нагрузка на сервер — HTML рендерится на каждый запрос (нужен кеш/CDN).
  • Сложнее инфраструктура — нужен Node-сервер, а не просто статика.
  • Задержка интерактивности (TTI) — до гидратации кнопки видны, но не реагируют.
  • Ограничения кода — браузерные API (window, localStorage) недоступны на сервере.

Когда стоит применять

  • Контентные сайты, где важны SEO и скорость первого показа (магазины, блоги, лендинги).

Когда не нужен

  • Внутренние дашборды и SPA за авторизацией, где SEO не важен — достаточно CSR.

Коротко для собеседования

Плюсы SSR: быстрый FCP, SEO, лучше на слабых устройствах, корректные превью. Минусы: нагрузка на сервер, сложность, задержка до интерактивности из-за гидратации, отсутствие браузерных API на сервере. Нужен для контентных, SEO-зависимых сайтов.

Другие вопросы раздела