Простыми словами
SPA (single page application) — одностраничное приложение. Браузер скачивает программу один раз, а затем при переходах подгружает лишь данные и обновляет нужные части экрана. Благодаря этому интерфейс ощущается плавным, как приложение: нет белых экранов между страницами.
SSR (server-side rendering) — серверный рендеринг. Сервер сам собирает HTML-страницу с готовым текстом и отправляет её браузеру. Посетитель сразу видит содержимое, а поисковый робот получает полный текст без выполнения скриптов.
Как это работает
У чистого SPA есть слабость: первое открытие может быть долгим, ведь сначала нужно загрузить и запустить программу, и лишь потом появятся данные. Поисковики умеют выполнять скрипты, но делают это не всегда и с задержкой, поэтому позиции у таких сайтов бывают хуже.
Современные решения совмещают подходы. Страницу заранее собирают на сервере или во время сборки, это называют статической генерацией или пререндером, а затем «оживляют» скриптами, превращая в динамичное приложение. Именно так построены многие быстрые сайты.
Зачем это владельцу бизнеса
Для сайтов, где важен поиск — услуги, каталоги, блоги, — нужна страница, которую видно без скриптов. Для закрытых личных кабинетов и панелей, куда ходят после входа, SEO не нужно, и чистый SPA подходит отлично.
Выбор влияет и на бюджет: SPA с пререндером требует более аккуратной разработки, но окупается скоростью и позициями. Такой подход мы используем для сайтов, которым нужен трафик из поиска.
Пример из практики
Сервис доставки воды из Атырау сделал сайт на чистом SPA, и страницы городов не попадали в выдачу: поисковик видел пустую оболочку. После перехода на предварительную генерацию страниц с готовым текстом они начали индексироваться, а трафик из поиска вырос в несколько раз.
Частые ошибки
- Выбирать SPA для сайта, живущего за счёт поискового трафика
- Не проверять, что видит робот поисковика
- Грузить мегабайты скриптов ради простых страниц
- Игнорировать скорость первого открытия на слабых телефонах
- Путать красивую анимацию с удобством