Core Web Vitals
Core Web Vitals — три метрики Google, измеряющие реальный пользовательский опыт сайта: скорость загрузки контента (LCP), отзывчивость на действия (INP) и визуальную стабильность (CLS). Влияют на ранжирование.
Содержание
Определение Core Web Vitals
Core Web Vitals (CWV) — набор из трёх метрик, которые Google ввёл в 2020 году и сделал фактором ранжирования в 2021. Метрики измеряют не лабораторные показатели, а реальный опыт пользователей через данные Chrome User Experience Report. В марте 2024 года Google заменил FID на более точный INP — Interaction to Next Paint. По данным Google, сайты с зелёными показателями CWV получают в среднем на 24% меньше отказов и на 17% выше конверсию по сравнению с сайтами в красной зоне.
Как работает Core Web Vitals
Три метрики измеряют разные аспекты. LCP (Largest Contentful Paint) — время отрисовки самого большого элемента первого экрана; цель ≤2,5 секунды. INP (Interaction to Next Paint) — задержка от действия пользователя (клик, тап) до визуального отклика; цель ≤200 мс. CLS (Cumulative Layout Shift) — суммарный сдвиг элементов на странице при загрузке; цель ≤0,1. Замеры идут на 75-м перцентиле — то есть в зелёную зону должны попадать 3 из 4 посещений. CWV — обязательная часть SEO-продвижения, разработки сайтов и регулярной поддержки: оптимизация ведётся непрерывно, так как новый контент и скрипты могут ухудшать показатели.
| Метрика | Что измеряет | Зелёная зона |
|---|---|---|
| LCP | Время до отрисовки главного элемента | ≤ 2,5 с |
| INP | Задержка отклика на действие | ≤ 200 мс |
| CLS | Сдвиг элементов после загрузки | ≤ 0,1 |
| TTFB (вспомогательная) | Время до первого байта от сервера | ≤ 800 мс |
| FCP (вспомогательная) | Время до первой отрисовки | ≤ 1,8 с |
Связанные концепции
- SEO — CWV — официальный фактор ранжирования Google с 2021 года, и косвенный сигнал для Яндекса.
- Хостинг — определяет TTFB; медленный сервер делает невозможным зелёный LCP даже при идеальной оптимизации фронтенда.
- Адаптивный дизайн — Google измеряет CWV отдельно на мобильном; мобильный показатель влияет на мобильную выдачу.
- Lazy loading — отложенная загрузка картинок и видео; ключевой инструмент улучшения LCP.
- Critical CSS — инлайн критичных стилей в HTML; убирает блокировку рендеринга и ускоряет LCP на 200–800 мс.
Частые вопросы
Как проверить Core Web Vitals?
Три источника. 1) PageSpeed Insights (pagespeed.web.dev) — лабораторные + реальные данные. 2) Search Console — отчёт «Основные интернет-показатели» с разбивкой по группам страниц. 3) Chrome DevTools → Lighthouse — для разработчика в процессе оптимизации. Реальные данные доступны только для сайтов с трафиком от 1000–5000 визитов/мес. Минимум один раз в квартал нужен полный аудит CWV в Search Console.
Сколько стоит оптимизация Core Web Vitals?
Простая оптимизация (сжатие картинок, lazy loading, минификация) — от 30 000 ₽ и 1–2 недели, даёт улучшение LCP на 30–50%. Глубокая оптимизация (рефакторинг JS, critical CSS, переход на server-side rendering) — 100 000–400 000 ₽ и 4–12 недель, выводит большинство страниц в зелёную зону. ROI: рост позиций в выдаче и +10–25% к конверсии.
Что в первую очередь ломает LCP?
Топ причин: 1) большие неоптимизированные картинки (особенно в формате PNG/JPEG вместо WebP/AVIF); 2) медленный сервер (TTFB >1с); 3) блокирующий JavaScript в `<head>`; 4) внешние шрифты без `font-display: swap`; 5) рекламные баннеры и счётчики, грузящиеся до основного контента. По данным HTTP Archive, средний LCP на мобильном в 2024 году — 3,4 секунды (то есть, мимо зелёной зоны).
Влияют ли CWV на Яндекс?
Напрямую — нет: у Яндекса свои метрики скорости и поведенческие факторы. Косвенно — да: пользователи быстрее уходят с медленных сайтов, что ухудшает поведенческие сигналы (показатель отказов, время на сайте), а они уже учитываются Яндексом. Так что оптимизация под CWV — полезна для обеих поисковиков, но в Яндексе ROI меньше.
Как поддерживать зелёные CWV постоянно?
Регламент поддержки сайта: 1) автоматический мониторинг через PageSpeed API или SpeedCurve; 2) проверка CWV перед каждым релизом; 3) бюджет производительности (performance budget) для разработчиков — лимиты на размер JS, CSS, картинок; 4) ежемесячный аудит, особенно после добавления новых фич или контента. Без регламента CWV деградирует на 15–25% за полгода.