Что такое SSR
Рендеринг на сервере
SSR (Server-Side Rendering) — техника рендеринга веб-страниц на сервере перед отправкой клиенту, обеспечивающая быструю загрузку и SEO-оптимизацию.
Принцип работы
- Сервер получает запрос от браузера
- Генерирует полный HTML страницы
- Отправляет готовый HTML клиенту
- Браузер отображает контент мгновенно
- JavaScript "гидратирует" страницу для интерактивности
Преимущества
- Быстрая первичная загрузка (FCP)
- Отличная SEO-оптимизация
- Работает без JavaScript
- Улучшенные метаданные для соцсетей
- Лучше для медленных устройств
Недостатки
- Нагрузка на сервер
- Время до интерактивности (TTI)
- Сложность кеширования
- Больше затрат на инфраструктуру
Сравнение с CSR
- SSR: HTML генерируется на сервере
- CSR: HTML генерируется в браузере
- SSG: HTML генерируется при сборке
Фреймворки с SSR
- Next.js (React)
- Nuxt.js (Vue)
- SvelteKit (Svelte)
- Angular Universal
- Remix
Когда использовать
- Контентные сайты и блоги
- E-commerce
- Новостные порталы
- Сайты с важным SEO