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

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

Для лендинга фреймворк нужен не «мощный», а предсказуемый. Если страница одна, с формой, анимацией и парой интерактивных блоков, часто выигрывают решения с минимальным клиентским JS: меньше точек отказа, проще аналитика, легче SEO. Чем больше логики на клиенте, тем выше риск получить красивую, но тяжелую витрину.

React удобен, когда лендинг — часть большой системы: общий UI-kit, сложные состояния, много переиспользуемых компонентов. Минус — почти всегда нужен дополнительный слой для SSR, маршрутизации и оптимизации загрузки. Vue обычно проще в входе и чище для небольших команд: быстрее собрать страницу, легче сопровождать. Svelte и Astro хороши там, где важны вес и быстрый first load: они позволяют отдать больше HTML и меньше JS на клиент.

Что смотреть на практике:
— размер бандла после сборки, а не «ощущение скорости»;
— сколько кода нужно написать для формы, модалок и анимаций;
— как фреймворк дружит с аналитикой, A/B и SEO;
— насколько легко подключать сторонние виджеты без костылей.

Если лендинг живет отдельно и должен быть максимально легким, я бы смотрел в сторону Astro или Svelte. Если это часть продукта или маркетинговой платформы с общими компонентами, React и Vue остаются рациональным выбором. Vue чаще выигрывает по простоте, React — по экосистеме и найму. Вердикт для продакшена: берите не самый «популярный», а тот, где ваш штат быстрее выпустит и дешевле будет поддерживать.