Выбор режима рендеринга в Nuxt — решение, которое принимается на этапе архитектуры, но влияет на весь жизненный цикл проекта: позиции в поиске, скорость загрузки, расходы на хостинг и даже скорость публикации контента. Многие заказчики узнают про SSR, SSG и гибридный рендеринг только тогда, когда SEO-специалист сообщает, что сайт плохо индексируется, а переделывать уже дорого и долго. Хорошая новость: Nuxt 3 поддерживает все три режима, причём их можно комбинировать в рамках одного приложения. В этой статье разберём, как работает каждый режим, что он означает для бизнеса и как выбрать оптимальный вариант под конкретную задачу.
Что такое режим рендеринга и почему это важно для бизнеса
Рендеринг — это способ, которым пользователь получает готовую страницу: HTML «собирается» на сервере в момент запроса, заранее на этапе сборки или прямо в браузере клиента. От этого выбора зависят три ключевые метрики: скорость первого экрана, видимость в поисковых системах и стоимость инфраструктуры. По данным Google, 53% мобильных пользователей покидают сайт, если он загружается дольше 3 секунд, а исследование показало, что ускорение загрузки всего на 0,1 секунды повышает конверсию интернет-магазина в среднем на 8%. Поэтому «просто чтобы работало» — недостаточная цель: режим рендеринга стоит выбирать осознанно, а не по остаточному принципу.SSR: страница генерируется на сервере при каждом запросе
При серверном рендеринге (SSR) Nuxt собирает полноценный HTML на сервере для каждого посетителя. Пользователь и поисковый робот сразу получают готовую страницу — им не нужно ждать, пока JavaScript дорисует интерфейс. Главные преимущества SSR — всегда актуальный контент и идеальные условия для SEO: изменения цен, остатков и ассортимента видны мгновенно. Обратная сторона — нагрузка: каждый запрос требует ресурсов сервера, поэтому при наплыве трафика без кеширования SSR-проект обходится дороже, а скорость ответа напрямую зависит от мощности инфраструктуры. SSR — выбор для интернет-магазинов с живыми остатками, каталогов с умными фильтрами, досок объявлений и любых проектов, где контент меняется постоянно и важна персонализация.SSG: статика, которая грузится за доли секунды
При статической генерации (SSG) все страницы сайта собираются в готовые HTML-файлы один раз — на этапе сборки. Дальше в дело вступает CDN: копии сайта раздаются с серверов, физически близких к пользователю, поэтому SSG-сайт загружается быстрее любого другого режима и почти не требует расходов на хостинг. Бонусы — устойчивость к любым пикам трафика и безопасность: на сервере просто нечего взламывать. Ограничение очевидно: контент обновляется только после пересборки. Для блога это несколько минут, для каталога на 50 000 товаров — часы. SSG оптимален для лендингов, корпоративных сайтов, блогов, портфолио и документации — везде, где контент меняется не чаще нескольких раз в день.Гибридный рендеринг: разные режимы для разных страниц
Начиная с Nuxt 3, можно не выбирать один режим на весь сайт, а назначить его каждой группе страниц через настройку routeRules. Это и есть гибридный рендеринг — подход, который закрывает ограничения SSR и SSG по отдельности:- prerender — страница собирается в статику на этапе сборки: главная, контакты, «О компании»;
- swr / isr — статика с автообновлением через заданный интервал: карточки товаров, блог, каталог;
- ssr: false — полноценное SPA-приложение без серверного рендеринга: личный кабинет, калькулятор, админка.
Как выбрать режим: шпаргалка по типам проектов
Универсального ответа нет — режим определяется частотой обновления контента, требованиями к SEO и долей интерактивности. Ориентируйтесь на это соответствие:- Лендинг, корпоративный сайт, портфолио — SSG: максимальная скорость, минимальная стоимость хостинга;
- Блог или медиа — SSG или гибрид с ISR: статьи собираются в статику, публикация новой не требует пересборки всего сайта;
- Интернет-магазин — гибридный режим: статика для SEO-страниц, SSR или SWR для карточек с ценами и остатками;
- Каталог с умными фильтрами и подборками — SSR: комбинации фильтров бесконечны, заранее их не прегенерируешь;
- Веб-приложение: личный кабинет, CRM, портал — SPA (ssr: false) или гибрид, где публичная часть индексируется, а приложение работает без серверного рендеринга.
Как режим рендеринга влияет на SEO и Core Web Vitals
Ядро Google — Core Web Vitals — оценивает LCP (скорость загрузки основного контента), INP (отклик на действия) и CLS (стабильность вёрстки). SSR и SSG дают отличный LCP «из коробки»: робот сразу получает готовый HTML с контентом. Чистое SPA, напротив, сначала отдаёт пустой контейнер — Google умеет исполнять JavaScript, но индексирует такие страницы медленнее и менее надёжно, что критично для молодых сайтов. Правило простое: всё, что должно ранжироваться, рендерите на сервере или в статику; всё, что за авторизацией, — можно SPA. Гибридный режим в Nuxt позволяет соблюдать это правило без компромиссов.Что режим рендеринга означает для инфраструктуры и бюджета
SSG-сайт размещается на статическом хостинге или CDN — Cloudflare Pages, Vercel, Netlify — практически бесплатно, а устойчивость к нагрузкам ограничена только лимитами CDN. SSR требует постоянно работающего Node.js-сервера: VPS от 500–1500 ₽ в месяц либо serverless-платформа с оплатой за запросы. Гибрид занимает промежуточное положение, но важно понимать: даже одна SSR-страница означает, что вам нужен сервер. На практике для малых и средних проектов гибрид дешевле «чистого» SSR: статика снимает с сервера 80–90% трафика, и Node остаётся только для действительно динамических запросов.Типичные ошибки при выборе режима
- Выбор «по хайпу». SSR ради SSR на сайте-визитке — это лишний сервер, задержки и расходы без выгоды;
- SPA для SEO-зависимого проекта. Каталог на чистом client-side рендеринге почти гарантированно теряет трафик из поиска;
- Игнорирование кеширования. Даже SSR должен отдавать большую часть ответов из кеша — иначе каждый визит бьёт по серверу;
- Стратегия «поменяем потом». Смена режима после запуска — это переработка архитектуры, деплоя и инфраструктуры. Дешевле заложить гибрид сразу;
- Не учтён контент-процесс. Если маркетинг публикует акции ежедневно, чистый SSG с пересборкой превратит обновление сайта в квест.
Однозначного ответа «SSR или SSG» не существует — правильный режим определяется тремя вопросами: как часто меняется контент, должна ли страница ранжироваться и нужна ли персонализация. Статика — для быстрых и недорогих сайтов с редкими обновлениями, SSR — для живых данных и сложных каталогов, гибрид — золотая середина, покрывающая большинство реальных задач: коммерческих сайтов, магазинов и сервисов. Если подрядчик на этапе обсуждения ТЗ не спрашивает про частоту обновления контента и требования к SEO — это повод насторожиться. Грамотная студия выбирает режим рендеринга так же осознанно, как дизайн и структуру сайта, — и экономит вам месяцы переделок и бюджет на инфраструктуру.