Сайт и лендинги

Скорость мобильной версии: как ускорить и не терять заявки

Каждая секунда загрузки на мобильном срезает часть готовых обратиться людей. Медленный сайт теряет заявки на входе, а Директ и Google снижают показы. Разбираем, где чаще всего тормозит и что с этим делать.

Коротко Цель — 3 секунды на 4G, дальше — потери

Оптимальная загрузка первого экрана на мобильном интернете — до 3 секунд. При 5–7 секундах теряется 20–40% посетителей, при 10+ — половина. Три главные причины медленной загрузки: тяжёлые картинки без сжатия, лишние скрипты (виджеты, чат-боты, счётчики), медленный сервер и хостинг.

Как скорость влияет на заявки и рекламу

Скорость сказывается на трёх фронтах. Первый — прямые потери: медленный сайт закрывают, не дождавшись загрузки. Второй — конверсия оставшихся: раздражённый ожиданием человек хуже читает, чаще уходит с формы. Третий — реклама: и Директ, и Google учитывают скорость в качестве объявления, медленный сайт дороже показывать.

Плюс поисковая выдача: с 2021 года Google Core Web Vitals — фактор ранжирования, Яндекс тоже смотрит на скорость. Медленный сайт хуже находят в органике.

Как замерить и понять диагноз

Два бесплатных инструмента: PageSpeed Insights от Google и Метрика → Отчёт по времени загрузки. PageSpeed показывает конкретные проблемы и рекомендации, Метрика — реальную скорость у ваших посетителей.

Обязательно смотрите мобильную версию — цифры для десктопа обычно в 2–3 раза лучше и вводят в заблуждение. Норма: LCP (загрузка основного контента) до 2,5 секунд, TBT (время блокировки) до 200 мс. Всё, что хуже, — точка роста.

Картинки — источник 60–80% лишнего веса

Классическая проблема — фото по 3–5 мегабайт, вставленные без сжатия. На мобильном интернете такая картинка грузится 5–8 секунд, блокируя показ страницы.

  • сожмите все картинки: TinyPNG, Squoosh — уменьшают вес в 3–5 раз без видимой потери качества;
  • переведите в WebP или AVIF — форматы весят на 30–50% меньше JPG;
  • задавайте картинке нужный размер: если она отображается 400px, не грузите 2000px;
  • добавьте loading="lazy" для картинок ниже первого экрана — они догрузятся при прокрутке;
  • уберите тяжёлые фоновые изображения из шапки, если можно.

Скрипты и виджеты — тихие убийцы

Каждый дополнительный виджет (чат, ретаргетинг-пиксели, счётчики, коллбэки, всплывашки) добавляет 200–1000 мс к загрузке. Пять виджетов легко превращают быстрый сайт в медленный.

Что делать: составить список всех подключённых скриптов, для каждого спросить «даёт ли он заявки или это красиво». Дальше — убрать всё, что не приносит измеримой пользы. Оставшееся подгружать асинхронно (async/defer) и по возможности после основной загрузки. Особенно смотрите на онлайн-чаты — они часто грузят по 500 килобайт JavaScript.

План ускорения на неделю

  1. Замерить PageSpeed мобильной версии до начала работ.
  2. Сжать все картинки и перевести в WebP.
  3. Добавить lazy-loading для изображений ниже сгиба.
  4. Убрать неиспользуемые виджеты и скрипты.
  5. Оставшиеся скрипты сделать асинхронными.
  6. Включить кэширование и сжатие на хостинге (gzip/brotli).
  7. Замерить PageSpeed повторно — цифры должны улучшиться на 20–40 баллов.

Если после этих шагов сайт всё ещё грузится дольше 5 секунд — проблема в хостинге или самом коде страницы. Тогда либо смена хостинга на более быстрый, либо технический рефакторинг с помощью разработчика.

Хотите применить это к своему сайту?

Напишите, чем занимается ваш бизнес. Разберу задачу, посмотрю текущую упаковку и подскажу, как усилить сайт под заявки, рекламу и аналитику.

Скатов Евгений