8(903) 460-08-81Обсудить проект

Core Web Vitals в 2026: как ускорить сайт и не терять заявки

Зачем владельцу бизнеса эти метрики

Если страница открывается дольше 3 секунд, часть людей уходит сразу. Google прямо учитывает Core Web Vitals в ранжировании. Яндекс смотрит на поведение: долгая загрузка → отказы → хуже позиции и дороже реклама.

Итог для бизнеса простой: скорость — это и SEO, и конверсия, и стоимость лида.

Три метрики простыми словами

  • LCP (до 2,5 сек) — когда появляется главный контент первого экрана (баннер, заголовок, крупное фото).
  • INP (до 200 мс) — насколько быстро сайт реагирует на клик, тап, ввод. С 2024 года заменил старый FID.
  • CLS (до 0,1) — «прыгает» ли вёрстка: кнопка уехала, пока грузилась картинка или виджет.

«Хорошо» считается не по одному тесту в офисе, а по данным реальных пользователей (обычно смотрят 75-й перцентиль).

Как проверить за 10 минут

  1. Откройте PageSpeed Insights и вставьте URL главной и страницы услуги.
  2. Смотрите блок мобильных показателей — там основной трафик.
  3. Запишите LCP, INP, CLS и список «возможностей» сверху отчёта.
  4. Дополнительно откройте сайт с телефона по мобильному интернету — субъективная проверка часто совпадает с цифрами.

Если LCP красный, а INP/CLS зелёные — сначала картинки и сервер. Если красный INP — перегружен JavaScript и виджеты.

Что чинить в первую очередь

1. LCP — самый частый «красный»

  • Сжать и перевести изображения в WebP/AVIF; hero-баннер — лёгкий и без огромного PNG.
  • Не грузить тяжёлые скрипты до отрисовки первого экрана.
  • Ускорить ответ сервера: нормальный хостинг/VPS, кэш, при необходимости CDN.
  • Указать размеры картинок или зарезервировать место под них.

2. INP — «сайт тупит при клике»

  • Убрать или отложить лишние виджеты (чат, квизы, пиксели) — часто их слишком много.
  • Не вешать тяжёлые скрипты на каждое движение мыши/скролл.
  • На конструкторах — отключить неиспользуемые блоки и анимации.

3. CLS — «всё прыгает»

  • Всегда задавать width/height (или aspect-ratio) у картинок и видео.
  • Не вставлять баннеры и формы сверху уже открытого контента без резерва места.
  • Шрифты подключать аккуратно (например, font-display: swap), чтобы текст не скакал.

Порядок работ, который окупается

  1. Сжать медиа и починить LCP на главной + 2–3 ключевых посадочных.
  2. Вынести сторонние скрипты «ниже» или грузить по событию.
  3. Убрать CLS на формах и в шапке.
  4. Перепроверить PageSpeed через 1–2 недели (полевые данные обновляются не мгновенно).

Часто базовый пакет «картинки + скрипты + кэш» даёт заметный рост без полной переделки сайта. Если платформа упирается в потолок — смотрите доработку сайта или смену стека.

Связь со скоростью заявок

Медленный первый экран бьёт по рекламе: вы платите за клик, а человек не дождался формы. Перед масштабированием Директа имеет смысл вывести LCP в зелёную зону на посадочных.

Если заявок мало в целом — полный разбор причин в статье почему сайт не приносит заявки.

Чек-лист перед запуском рекламы

  • ☐ LCP ≤ 2,5 с на мобильном (PageSpeed / полевые данные)
  • ☐ INP ≤ 200 мс
  • ☐ CLS ≤ 0,1
  • ☐ Hero и фото услуг сжаты, не по 3–5 МБ
  • ☐ Чат и пиксели не блокируют первый экран
  • ☐ Форма и кнопка не прыгают при загрузке
  • ☐ Проверено на реальном смартфоне

Нужен разбор именно вашей скорости и посадочных — бесплатный аудит на webstroke.ru.

Max