Core Web Vitals: что это и как влияет на SEO

Что такое Core Web Vitals

Core Web Vitals (CWV) — три метрики, которые Google выделяет как ключевые для оценки реального пользовательского опыта на странице. С 2021 года они входят в сигнал Page Experience и являются подтверждённым фактором ранжирования — хотя и с умеренным весом по сравнению с контентом и ссылками.

Три метрики

LCP (Largest Contentful Paint) — время отрисовки самого большого видимого элемента (обычно hero-изображение или заголовок). Хорошо: ≤ 2.5 с. Нужно улучшить: > 4 с. Типичные проблемы: тяжёлые неоптимизированные изображения, медленный серверный ответ (TTFB), блокирующие ресурсы в head.

INP (Interaction to Next Paint) — заменил FID в марте 2024. Измеряет задержку между действием пользователя (клик, нажатие) и визуальным откликом страницы. Хорошо: ≤ 200 мс. Проблемы: тяжёлый JavaScript, длинные задачи в основном потоке, неоптимизированные обработчики событий.

CLS (Cumulative Layout Shift) — суммарный сдвиг макета: элементы прыгают при загрузке (баннер подгрузился, текст уехал вниз). Хорошо: ≤ 0.1. Проблемы: изображения без указанных размеров, динамически вставляемые блоки (реклама, виджеты), шрифты без font-display: swap.

Как измерить

Полевые данные (реальные пользователи): Google Search Console → Core Web Vitals, PageSpeed Insights → раздел «Origin Summary» (данные CrUX за 28 дней). Это те данные, которые Google использует для ранжирования.

Лабораторные данные (симуляция): PageSpeed Insights → раздел Lighthouse, Chrome DevTools → Performance, WebPageTest. Полезны для диагностики, но не совпадают с полевыми — реальные устройства и сети отличаются от лаборатории.

Что улучшать в первую очередь

LCP: оптимизация изображений (WebP/AVIF, responsive sizes, lazy loading для некритичных), серверный кэш (LiteSpeed Cache, nginx fastcgi_cache), preload для hero-изображения, уменьшение TTFB.

INP: аудит и разбиение длинных JS-задач, отложенная загрузка некритичного JS (defer/async), уменьшение DOM-размера, оптимизация обработчиков событий.

CLS: явные width/height на всех img и iframe, font-display: swap для веб-шрифтов, резервирование места под рекламные блоки, min-height для динамических контейнеров.

CWV и бизнес

Core Web Vitals — не абстрактная метрика: каждая секунда задержки LCP снижает конверсию. Google подтверждает, что сайты с хорошими CWV получают поведенческое преимущество — пользователи дольше остаются и реже уходят. Для e-commerce и лид-ген сайтов это прямые деньги.

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