В чём разница
SPA (Single Page Application) — страница собирается в браузере пользователя через JavaScript. До исполнения JS поисковик и пользователь видят пустой <div id="root"></div>.
SSG (Static Site Generation) — каждая страница заранее собирается в готовый HTML на этапе деплоя. Поисковик и пользователь сразу получают полный контент.
Скорость загрузки
- SPA: First Contentful Paint 2–4 секунды на медленном мобильнике
- SSG: First Contentful Paint 0.4–0.8 секунды — HTML отдаётся сразу
Разница в 5–10 раз. Google и Яндекс учитывают это в ранжировании (Core Web Vitals).
SEO и индексация
Яндекс плохо рендерит JavaScript — это подтверждено практикой. Если сайт на SPA без пререндера, до 30% страниц могут не попасть в индекс.
SSG отдаёт готовый HTML — поисковик видит весь контент, мета-теги, JSON-LD сразу при первом запросе.
Что выбрать для каких задач
- Бизнес-сайт, лендинг, каталог, блог → SSG (быстрее, лучше SEO, дешевле хостинг)
- Личный кабинет, админка, чат, дашборд → SPA (динамические данные, авторизация)
- Интернет-магазин → гибрид: каталог SSG, корзина SPA
Наш выбор — SSG
Мы строим все клиентские сайты на собственном SSG-фреймворке поверх React + Vite. Это даёт:
- PageSpeed 90+ из коробки
- Полную индексацию Яндексом и Google
- Хостинг от 200 ₽/мес (можно даже на GitHub Pages бесплатно)
- Безопасность — нет серверного кода, который можно взломать