Core Web Vitals: как проверить скорость сайта и что чинить первым

Что такое Core Web Vitals и почему это не только про «скорость»

Core Web Vitals — часть более широкого набора Page Experience сигналов Google. Формально это не самый сильный фактор ранжирования, но он напрямую влияет на конверсию: медленный или «прыгающий» сайт теряет посетителей до того, как они увидят предложение — независимо от позиции в выдаче.

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

• LCP (Largest Contentful Paint) — время до отрисовки самого крупного видимого элемента (обычно герой-картинка или заголовок). Норма — до 2,5 сек.
• INP (Interaction to Next Paint) — задержка между действием пользователя (клик, тап) и визуальным откликом страницы. Норма — до 200 мс.
• CLS (Cumulative Layout Shift) — насколько сильно элементы «прыгают» во время загрузки (классика — картинка без указанных width/height сдвигает текст под ней). Норма — до 0,1.

Как измерить бесплатно

1. PageSpeed Insights (pagespeed.web.dev) — показывает и лабораторные данные, и реальные (полевые) данные пользователей, если у сайта достаточно трафика.
2. Google Search Console → «Основные интернет-показатели» — агрегированные данные по всем страницам сайта, сгруппированные по проблемам.
3. Chrome DevTools → вкладка Lighthouse — детальный разбор конкретной страницы с рекомендациями по каждой метрике.

Топ причин плохого LCP

• Не оптимизированные изображения (тяжёлые JPEG/PNG вместо WebP/AVIF);
• Медленный сервер/хостинг — время ответа больше 600 мс уже заметно;
• Render-blocking CSS/JS — стили и скрипты, которые тормозят первую отрисовку;
• Отсутствие preload для критичных ресурсов (например, hero-картинки).

Топ причин плохого INP

• Тяжёлый JavaScript, который блокирует основной поток при клике;
• Слишком много обработчиков событий на одной странице;
• Сторонние скрипты (виджеты чатов, аналитика, рекламные пиксели) без асинхронной загрузки.

Топ причин плохого CLS

• Изображения и видео без явных width/height;
• Шрифты, которые подгружаются позже и меняют размер текста (нет font-display: swap или предзагрузки);
• Баннеры, cookie-уведомления и виджеты, которые появляются с задержкой и сдвигают контент.

С чего начать

Разовая правка редко закрывает вопрос надолго — новые баннеры, скрипты аналитики и виджеты постепенно возвращают метрики назад. Это одна из причин, почему технику стоит проверять регулярно — например, в рамках технического SEO-аудита или чек-листа из статьи «Техническое SEO: чек-лист перед продвижением».

Нужна помощь с SEO? Напишите — разберём ваш сайт.