← К списку статей

Лендинги

Сайт грузится 6 секунд — клиент уже ушёл. Почему это происходит и кто виноват

📅 18 мая 2026 г. · ⏱ 6 мин

Есть цифра, которую Google опубликовал ещё несколько лет назад и с тех пор только подтверждает: 53% мобильных пользователей уходят со страницы, если она грузится дольше 3 секунд. Не 10 секунд. Три.

Проверьте свой сайт прямо сейчас: откройте PageSpeed Insights, вставьте ссылку. Если видите красные цифры в Performance — вы теряете людей до того, как они вообще увидели ваш текст.

Почему сайты медленные

Чаще всего дело не в хостинге и не в картинках. Дело в том, как сделан сайт.

Возьмём типичный WordPress-лендинг. Клиент открывает страницу — браузер скачивает сам WordPress, тему, плагины, их стили, их скрипты, Google Fonts, ещё один плагин для SEO, форму обратной связи с отдельной библиотекой… И только потом показывает текст. Всё это работает даже если на лендинге одна страница и пять блоков.

То же самое с сайтами на React или Vue, написанными «по учебнику»: браузер сначала скачивает весь JavaScript, потом выполняет его, потом строит страницу. Это называется client-side rendering — и для лендинга это как ехать на фуре за хлебом в магазин за углом.

Что такое Core Web Vitals и почему это важно именно сейчас

Google с 2021 года официально учитывает скорость сайта как фактор ранжирования. Называется это Core Web Vitals — три метрики:

  • LCP (Largest Contentful Paint) — как быстро появляется главный контент на экране. Хорошо: до 2,5 секунд.
  • CLS (Cumulative Layout Shift) — прыгает ли контент при загрузке. Хорошо: меньше 0,1.
  • INP (Interaction to Next Paint) — как быстро сайт реагирует на клики. Хорошо: до 200 мс.

Если сайт не проходит — он ранжируется хуже конкурентов, даже если контент лучше. Это не теория, это официальная позиция Google, подтверждённая документацией.

Почему мы делаем лендинги на Astro

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

Astro решает это архитектурно. Он генерирует чистый HTML на этапе сборки — не в браузере клиента, а заранее, на сервере. Когда человек открывает лендинг, браузер получает готовую страницу. Никакого JavaScript на первом экране, если он там не нужен.

Если нужна интерактивность — форма, анимация, какой-то счётчик — Astro подключает её точечно, только в том месте где это реально нужно. Это называется islands architecture (архитектура островов). Остальная страница остаётся статичной и быстрой.

Результат на практике: лендинги на Astro стабильно показывают 90+ в Lighthouse Performance. Это не магия — это просто правильный инструмент для задачи.

Что это значит для вас как заказчика

  • Сайт открывается быстро на мобильном, даже при слабом 4G
  • Google видит хорошие метрики — позиции в поиске лучше
  • Человек, пришедший по рекламе или из поиска, не уходит пока ждёт загрузку
  • Вы платите за лендинг один раз, а не поддерживаете зоопарк плагинов

Это не про то что Astro «модный». Это про то, что для конкретной задачи — быстрый лендинг с формой заявок — он просто лучше подходит чем WordPress или тяжёлый React-сайт.

Если хотите проверить свой текущий сайт — PageSpeed Insights бесплатный, результат за 30 секунд. Посмотрите что показывает. Если цифры плохие — теперь знаете почему.