Пререндер
Также: предварительный рендер, prerendering
Заготовка готового HTML для каждой страницы во время сборки сайта. Робот и человек получают текст сразу, не дожидаясь выполнения скриптов.
Зачем это нужно
- Поисковые роботы индексируют такие страницы быстрее.
- Краулеры ИИ-сервисов, которые не выполняют скрипты, наконец видят содержимое.
- Первый экран появляется раньше — особенно заметно на медленном интернете.
Отличие от серверного рендеринга в том, что страницы готовятся заранее, а не на каждый запрос. Для сайта услуг этого достаточно: содержимое меняется редко.
| Способ | Когда готовится HTML | Кому подходит |
|---|---|---|
| Клиентский рендеринг | в браузере посетителя | закрытым кабинетам, где поиск не нужен |
| Пререндер | при сборке сайта | сайтам услуг, блогам, каталогам без частых изменений |
| Серверный рендеринг | на каждый запрос | сайтам с постоянно меняющимися данными |
Что это даёт на практике
Разница видна на замере. Сайт без пререндера отдаёт краулеру, который не выполняет скрипты, пустую оболочку в пару килобайт — то есть ноль слов текста. С пререндером тот же адрес возвращает полноценный HTML на десятки килобайт. Для поисковых систем это ускоряет индексацию, а для ИИ-краулеров решает вопрос принципиально: они скрипты не выполняют вообще, и без готового HTML сайта для них просто не существует.
Второй эффект — скорость показа для людей. Браузер получает готовую страницу и рисует её сразу, не дожидаясь загрузки и выполнения кода приложения. На быстром интернете разница невелика, на мобильном в дороге — заметная, а именно оттуда приходит большая часть посетителей.
Как понять, что он работает
- Откройте исходный код вложенной страницы: в нём должен быть текст, а не пустой контейнер.
- Сравните размер ответа: `curl -s https://example.ru/stranica | wc -c`. Десятки килобайт — норма, единицы — пререндера нет.
- Проверьте от имени краулера, который не выполняет скрипты: `curl -s -A "GPTBot" https://example.ru/stranica | wc -c`.
- Повторяйте проверку после каждой сборки сайта.
Частые вопросы
Пререндер ускоряет сайт для людей?
Да, первый экран появляется раньше, потому что браузеру не нужно сначала скачать и выполнить код приложения. Особенно заметно на медленном мобильном интернете.
Подходит ли пререндер для часто меняющихся данных?
Плохо: страницы готовятся при сборке и до следующей сборки остаются такими, какими их отрисовали. Для расписаний, остатков и цен, меняющихся ежечасно, нужен серверный рендеринг.
Сколько времени занимает пререндер?
Он выполняется при сборке и растёт вместе с числом страниц: десятки страниц — секунды, сотни — минуты. Это разовая плата за скорость и видимость, которую посетители не ощущают.
Что будет, если забыть его включить?
Сайт продолжит работать, и внешне ничего не изменится. Изменится только то, что видят роботы, — а заметить это можно лишь замером размера ответа или падением показов через несколько недель.