Серверный рендеринг

Что это значит

Серверный рендеринг, по-английски server-side rendering или SSR, - это подход, при котором сервер отправляет браузеру готовый HTML-код страницы. Браузер может сразу её показать, а JavaScript загружается потом, чтобы добавить интерактивные элементы, например формы или фильтры.

Противоположность - рендеринг в браузере, когда сервер отправляет только пустой каркас, а содержимое появляется после загрузки и запуска JavaScript. Такой сайт может казаться медленным, особенно на слабых смартфонах, а некоторые краулеры поисковиков и AI-сервисов вообще не увидят контент.

Родственный подход - генерация страниц заранее при сборке сайта, из которой получается статический сайт. Если SSR создаёт HTML при каждом запросе, статическая генерация готовит его один раз, и сервер только отдаёт файлы, что ещё быстрее и дешевле в эксплуатации.

Как это работает на практике

Для корпоративных сайтов, блогов и глоссариев SSR или статическая генерация важны с точки зрения технического SEO. Поисковик получает весь текст, заголовки и ссылки уже в первом ответе и не должен ждать запуска скриптов, что упрощает индексацию.

Готовый HTML помогает и с метриками Core Web Vitals, прежде всего со скоростью отображения основного контента. Пользователь видит текст раньше, страница меньше прыгает, и это улучшает впечатление от сайта и его позиции в поиске.

Растущее значение SSR имеет для оптимизации под генеративные поисковики. Языковые модели и их краулеры часто не запускают JavaScript, поэтому контент, который появляется только после рендеринга в браузере, может вообще не попасть в их ответы и цитаты.

На что обратить внимание

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

При переходе на новый сайт, например с headless CMS, нужно проверить, что важный контент действительно есть в HTML. Простая проверка - открыть исходный код страницы и найти в нём текст или воспользоваться инструментами поисковика для проверки рендеринга.