Astro и разработка без JavaScript — объём и цена закреплены [ 5 511 точек · растеризовано на сборке · написано руками ]

Разработка на Astro: ноль JavaScript, полная скорость

Большинство маркетинговых сайтов платят налог фреймворку: сотни килобайт JavaScript ради того, чтобы показать текст и картинки. Мы делаем обратное — сайты, которые по умолчанию не отдают ни байта JavaScript и тратят весь бюджет на дизайн и скорость. Мы работаем в одном фреймворке, а не в пяти сразу.

(02) — Что вы получаете

Шесть пунктов, Astro как задумано

Написано так, как предполагает сам фреймворк, — а не клиентское приложение в статической обёртке.

  1. 01

    Архитектура Astro без самодеятельности

    Статические страницы в основе, коллекции контента, острова только там, где взаимодействие действительно нужно, — Astro так, как его задумывали авторы.

  2. 02

    Ноль JavaScript по умолчанию

    Страницы уходят чистыми HTML и CSS. Скрипты появляются только ради настоящих функций и держатся в жёстком постраничном бюджете.

  3. 03

    Идеальные оценки Lighthouse

    Цель 100/100 на телефоне: LCP, INP и CLS заложены в бюджет до того, как написан первый компонент.

  4. 04

    Богатое движение без платы за него

    Анимация по прокрутке и переходы между страницами на современном CSS, с корректным поведением при отключённом движении.

  5. 05

    Чистые точки интеграции

    Headless CMS, торговая система, формы, аналитика — подключаются, не затаскивая свой JavaScript на каждую страницу.

  6. 06

    Код, который удержит ваша команда

    Документированные компоненты, простые договорённости, никакой фреймворковой церемонии. При передаче — письменный разбор проекта.

(03) — Зачем это

Почему Astro — и когда он не нужен

А если инструмент не тот, мы скажем об этом в смете.

Astro собирает всё в статический HTML на этапе сборки и по умолчанию ничего не «оживляет» в браузере. Интерактивные моменты — корзина, фильтр, опрос — приезжают изолированными островами и просыпаются по отдельности, поэтому один виджет не тащит фреймворк на все страницы. Для маркетинговых сайтов, витрин, редакционных проектов и страниц запуска это попросту правильная архитектура: сайт без JavaScript быстрее, устойчивее и проще в поддержке, чем тот же дизайн, отрисованный в браузере.

А когда инструмент не тот — личный кабинет, приложение реального времени, — мы скажем об этом в смете, а не подгоним стек под счёт. Эта прямота и отличает разработчика, который живёт в этом фреймворке, от универсала, который его терпит.

Статической сборке почти не нужен присмотр, поэтому уход у нас добровольный, а не зашитый в цену: план ухода берёт на себя хостинг, обновления зависимостей и наблюдение, только если вы этого хотите.

Интересно, во что это обходится рядом с подпиской на конструктор и агентством на абонплате? В статье о стоимости сайта для малого бизнеса все четыре пути сравниваются бок о бок, с ценами 2026 года и с тем, что остаётся у вас в конце каждого.

(04) — Результат

Как ощущается ноль JavaScript

Эта страница и есть демонстрация — откройте исходный код.

Страницы появляются одной отрисовкой. Переход между ними похож на перелистывание журнала, а не на ожидание запуска приложения. Батарея и мобильный трафик остаются нетронутыми, старые телефоны ведут себя как новые, а Lighthouse перестаёт быть ежеквартальным конфузом и становится скриншотом в презентации. Эта страница и есть демонстрация — откройте исходный код. Если такая архитектура нужна вашему нынешнему сайту без редизайна, смотрите ускорение сайта; если нужен бренд с нуля — разработку под задачу.

(05) — Как работаем

Четыре шага, и все письменно

Обычный срок: запуск за 5–10 рабочих дней с момента, когда согласованы тексты.

01

Бриф — пять минут.

Что строите, с чем это соединяется и что для вас значит «готово». Письменно, как всегда.

02

Смета — в тот же рабочий день.

Набросок архитектуры, закреплённые объём, цена и срок — всё зафиксировано до начала работы.

03

Разработка.

Превью-развёртывания каждые 2–3 дня и журнал изменений. Бюджеты скорости соблюдаются с первого дня.

04

Запуск и передача.

Публикация, документация и 30 дней правок. Репозиторий ваш.

(06) — Доказательство

Такая же работа, уже в деле

SG Training Fit Entertainment — home page

Выступления · Лас-Вегас

SG Training Fit Entertainment

Воздушная гимнастка из Лас-Вегаса с пятнадцатью годами сцены работала вообще без сайта — только на репутации и сарафанном радио. Собрал весь её репертуар в один сайт, где номер можно посмотреть и сразу заказать: 26 отдельных выступлений, реквизит и шампань-сервис под одним именем.

26
Номеров в каталоге
4
Раздела
27
Отдельных страниц
Читать кейс

(07) — Из чего собрано

Сама платформа, использованная как надо

Мы работаем на Astro с TypeScript, современном CSS (пользовательские свойства, контейнерные запросы, анимация по прокрутке) и на самой платформе — семантическом HTML, родном поведении форм, настоящих ссылках. Интеграции подключаются через сборочные API или крошечные острова: headless CMS для редактуры, торговые платформы для оплаты, GA4 для аналитики — и всё это держится в стороне от критического пути.

Хостинг — глобальная сеть доставки с неизменяемым кэшем файлов. Сборки воспроизводимы, публикация занимает секунды, и нет сервера, который придётся латать в два часа ночи.

  • Astro и TypeScript
  • Контейнерные запросы
  • Переходы между страницами
  • Сборочные API
  • Неизменяемый кэш
  • Нет сервера для латания

(08) — Вопросы

Вопросы, ответы письменно

На всё, чего здесь нет, ответим письмом в тот же рабочий день — спросите почтой.

Что такое Astro и почему вы по умолчанию не отдаёте JavaScript?

Astro — современный фреймворк, который отправляет в браузер чистые HTML и CSS, добавляя 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 — преимущество для поиска, а не потеря.

Расскажите, что вы строите.

Набросок архитектуры, закреплённый объём и цена — на почте в тот же рабочий день.