Бриф — пять минут.
Что вы делаете, с какими системами это связано и что для вас значит «готово». Письменно, как всегда.
Astro и разработка без JavaScript — объём и цена зафиксированы [ 8 053 точки · растеризовано при сборке · понятно поисковикам ]
Разработка на Astro: ноль JavaScript, максимум скорости
Большинство маркетинговых сайтов расплачиваются за фреймворк: грузят сотни килобайт JavaScript, чтобы в итоге показать текст и картинки. Мы делаем наоборот — сайты, которые по умолчанию не отдают ни байта JavaScript, а всё внимание уходит на дизайн и скорость. И работаем мы в одном фреймворке, а не в пяти сразу.
(02) — Что вы получаете
Шесть пунктов, Astro по правилам
Пишем так, как предполагает сам фреймворк, и не прячем браузерное приложение в статическую обёртку.
- 01
Архитектура Astro без самодеятельности
Статические страницы в основе, коллекции контента, «острова» только там, где действительно нужна интерактивность, — Astro так, как его задумывали авторы.
- 02
Ноль JavaScript по умолчанию
Страницы отдаются как чистые HTML и CSS. Скрипты появляются только там, где без них не работает нужная функция, и для каждой страницы их объём строго ограничен.
- 03
Идеальные оценки Lighthouse
Цель — 100/100 на телефоне: требования к LCP, INP и CLS мы закладываем ещё до первого компонента.
- 04
Много анимации без потери скорости
Анимация при прокрутке и переходы между страницами на современном CSS. Если у посетителя в системе отключена анимация, сайт это учитывает.
- 05
Аккуратные интеграции
Headless CMS, торговая система, формы, аналитика подключаются так, что их JavaScript не попадает на каждую страницу.
- 06
Код, с которым справится ваша команда
Компоненты с документацией, простые правила, никаких лишних ритуалов фреймворка. При передаче вы получаете письменный разбор проекта.
(03) — Зачем это
Почему Astro — и когда он не нужен
А если инструмент не подходит, мы скажем об этом в смете.
Astro превращает всё в статический HTML ещё при сборке и по умолчанию ничего не «оживляет» в браузере. Интерактивные элементы — корзина, фильтр, опрос — загружаются изолированными «островами» и включаются каждый сам по себе, поэтому один виджет не тянет фреймворк на все страницы. Для маркетинговых сайтов, витрин магазинов, медиапроектов и страниц запуска это просто правильная архитектура: сайт без JavaScript быстрее, надёжнее и проще в поддержке, чем тот же дизайн, который отрисовывается в браузере.
А если задача ему не подходит — например, личный кабинет или приложение реального времени, — мы честно напишем об этом в смете и не станем подгонять технологии под счёт. Этим и отличается разработчик, который работает в этом фреймворке каждый день, от универсала, который его просто терпит.
Статическому сайту почти не нужен присмотр, поэтому сопровождение у нас по желанию и в цену разработки не входит: план «Базовый» берёт на себя хостинг, обновление зависимостей и наблюдение за сайтом, только если вам это нужно.
Хотите сравнить стоимость с подпиской на конструктор и агентством на абонентской плате? В статье о стоимости сайта для малого бизнеса все четыре варианта стоят рядом, с ценами 2026 года и с тем, что в каждом случае остаётся у вас в итоге.
(04) — Результат
Каково это — ноль JavaScript
Эта страница и есть демонстрация: откройте её исходный код.
Страница появляется сразу целиком. Переход между страницами похож на перелистывание журнала, и не нужно ждать, пока загрузится приложение. Батарея и мобильный трафик почти не расходуются, старые телефоны работают как новые, а отчёт Lighthouse из ежеквартального повода краснеть превращается в слайд для презентации. Эта страница и есть демонстрация: откройте её исходный код. Если такая архитектура нужна вашему нынешнему сайту без редизайна, посмотрите ускорение сайта, а если бренд создаётся с нуля — разработку под задачу.
(05) — Как работаем
Четыре шага, всё письменно
Обычно запуск — через 5–10 рабочих дней после того, как согласованы тексты.
Смета — в тот же рабочий день.
Набросок архитектуры, объём, цена и срок — всё зафиксировано письменно до начала работы.
Разработка.
Каждые 2–3 дня новая версия на превью и журнал изменений. Ограничения по скорости соблюдаем с первого дня.
Запуск и передача.
Публикация, документация и 30 дней правок. Репозиторий ваш.
(06) — Кейс
Сайт клиента, который уже работает
Выступления · Лас-Вегас
SG Training Fit Entertainment
Воздушная гимнастка из Лас-Вегаса, за плечами у которой 15 лет на сцене, работала вообще без сайта — только на репутации и сарафанном радио. Мы собрали весь её репертуар на одном сайте, где номер можно посмотреть и сразу заказать: 26 отдельных выступлений, реквизит и подача шампанского под одним именем.
- 26
- Номеров в каталоге
- 4
- Коллекции
- 27
- Отдельных страниц
(07) — На чём сделано
Веб-платформа, использованная как надо
Мы пишем на Astro и TypeScript, используем современный CSS (пользовательские свойства, контейнерные запросы, анимацию при прокрутке) и то, что браузер умеет сам: семантический HTML, встроенное поведение форм, настоящие ссылки. Интеграции подключаются через API на этапе сборки или через крошечные «острова»: headless CMS для редактирования текстов, торговые платформы для оплаты, GA4 для аналитики. И ничто из этого не задерживает первую отрисовку страницы.
Хостинг — глобальная CDN с долговременным кэшированием файлов. Сборки воспроизводимы, публикация занимает секунды, и нет сервера, который придётся латать в два часа ночи.
- Astro и TypeScript
- Контейнерные запросы
- Переходы между страницами
- API на этапе сборки
- Долговременный кэш
- Нечего латать по ночам
(08) — Вопросы
Вопросы и письменные ответы
На всё, чего здесь нет, ответим письмом в тот же рабочий день — напишите нам.
Что такое Astro и почему вы по умолчанию обходитесь без JavaScript?
Astro — современный фреймворк, который отдаёт в браузер чистые HTML и CSS и добавляет JavaScript только там, где он действительно нужен. Мы работаем на нём, потому что большинству маркетинговых страниц тяжёлый JavaScript-фреймворк для показа контента не нужен. Без него мы выходим на цель 100/100 в Google PageSpeed: первая отрисовка на телефоне быстрее секунды и никаких сдвигов вёрстки при загрузке. На десктопе работающие сайты наших клиентов набирают 99–100 (медиана трёх прогонов для каждого, 11 августа 2026 года). На телефоне оценка зависит от картинок, шрифтов и сторонних сервисов конкретного сайта, и результаты замеров мы публикуем в каждом кейсе. В итоге сайт быстро загружается и остаётся быстрым, даже когда растёт.
Если без JavaScript, значит, анимации и интерактивных элементов не будет?
Будут. Большинство анимаций, эффектов при наведении и переходов работает на чистом CSS и выглядит плавно. Если странице нужна настоящая интерактивность, например каталог с фильтрами или поиск с подсказками, мы добавляем её отдельным островом Astro: JavaScript загружается только для этого компонента, а не для всей страницы. Нужная интерактивность у вас есть, а остальная страница не становится тяжелее.
Что такое острова Astro и как они помогают странице оставаться быстрой?
Остров — это отдельный интерактивный компонент со своим небольшим фрагментом JavaScript, а всё вокруг него остаётся статическим HTML. Поиск, карусель или раскрывающийся список могут быть полностью интерактивными, при этом шапка, текст и подвал не загружают ни байта скриптов. Поэтому сайт на Astro интерактивен там, где это нужно, и сохраняет высокие оценки скорости.
В каких случаях Astro не подходит?
Он не подходит для личных кабинетов, приложений, работающих в реальном времени, и всего, что больше похоже на программу, чем на сайт: клиентского портала, сервиса для совместной работы, сложной админ-панели. Astro создан для контентных и маркетинговых сайтов и витрин магазинов, где важнее всего скорость и видимость в поиске. Если вашей задаче нужен полноценный фреймворк для приложений, мы скажем об этом прямо и не станем подгонять под неё неподходящий инструмент.
Можно подключить CMS, Shopify, формы и аналитику, не замедлив сайт?
Да. Мы подключаем headless CMS, витрину Shopify, обработку форм и аналитику GA4 так, чтобы они не добавляли JavaScript на каждую страницу. Контент и данные о товарах подтягиваются при сборке сайта или через изолированные острова, поэтому маркетинговые страницы остаются статичными и быстрыми. Вы сами правите сайт, принимаете оплату, получаете заявки через формы и видите полноценную аналитику, и скорость загрузки от этого не страдает.
Сайт без JavaScript хуже индексируется и проигрывает в SEO?
Нет, наоборот. Контент приходит в браузер готовым HTML, его не нужно собирать скриптом, поэтому Google сразу видит страницу целиком: ждать нечего и сломаться при отрисовке нечему. Кроме того, на каждом сайте есть семантический HTML, структурированные данные, понятные адреса, карта сайта, канонические ссылки и уникальные метатеги, а скорость сама по себе влияет на ранжирование. Так что для поиска отказ от JavaScript только плюс.
Astro лучше React?
Сравнивать их напрямую не получится: React — библиотека для создания интерфейсов, Astro — фреймворк для целых сайтов, и внутри своих островов Astro умеет показывать в том числе React-компоненты. Важнее, что именно вы делаете. Для сайтов, где главное — содержание (маркетинговые страницы, сайты малого бизнеса, витрины магазинов), лучше подходит Astro: по умолчанию он отдаёт чистый HTML без JavaScript, и именно так мы добиваемся своих показателей скорости. Для продуктов, которые работают как программы (личные кабинеты, приложения в реальном времени), правильный выбор — фреймворк для приложений на React. Если ваш проект из таких, мы прямо напишем об этом в предложении и не будем подгонять технологию под смету.
Какая CMS лучше всего подходит для Astro?
Единственной лучшей нет: Astro намеренно не привязан к конкретной CMS. При сборке он берёт контент практически из любой headless CMS или из структурированных файлов прямо в проекте, вообще без CMS. Выбор зависит от того, кто и как часто правит сайт. Многие сайты малого бизнеса у нас хранят контент прямо в коде: меньше движущихся частей, ничего не нужно отдельно защищать и продлевать, а текущие правки берёт на себя план сопровождения. Если клиент регулярно обновляет контент сам, мы подключаем headless CMS: править удобно, а страницы остаются статичными и быстрыми.
Расскажите, что вы задумали.
Набросок архитектуры, фиксированный объём и цена придут на почту в тот же рабочий день.