Какой JS-фреймворк выбрать для лендинга, а не тащить лишний вес в продакшен

Какой JS-фреймворк выбрать для лендинга, а не тащить лишний вес в продакшен

Лендинг почти всегда требует одно и то же: быстрый first load, минимум JS и простую интеграцию с формой, аналитикой и анимацией. Поэтому выбор фреймворка стоит начинать не с «популярности», а с режима работы: нужна ли SPA-логика, или достаточно статической сборки с точечными интерактивными блоками.

Если нужен максимум скорости и минимум кода, обычно выигрывают SSG-подходы: Next.js, Astro, Nuxt, SvelteKit. Из них для лендингов особенно хороши решения, где можно отрендерить почти всё на сервере и подключать клиентский JS только там, где он реально нужен. Это снижает риск раздуть бандл ради одной формы и пары анимаций.

По практике:
• React-экосистема удобна, если у команды уже есть единый стек и переиспользуемые компоненты.
• Vue обычно проще в входе и аккуратнее ложится на небольшие маркетинговые сайты.
• Svelte дает компактный клиентский код и меньше бойлерплейта.
• Astro полезен, когда лендинг в основном статический, а интерактивность точечная.

Что по производительности? Не фреймворк сам по себе делает сайт быстрым, а объем JS, число гидратируемых компонентов и качество графики. Если на лендинге есть тяжелые виджеты, видео и анимации, любой стек можно превратить в медленный. Поэтому вердикт для продакшена: берите самый простой инструмент, который закрывает задачу без лишней гидратации и сложной клиентской логики.