Core Web Vitals — это набор из трёх метрик Google, которые оценивают реальный пользовательский опыт на странице: скорость загрузки (LCP), отзывчивость на действия (INP) и визуальную стабильность (CLS). Они входят в сигналы ранжирования и напрямую влияют на позиции и конверсию.
Коротко
- Три метрики: LCP (загрузка), INP (интерактивность), CLS (стабильность вёрстки).
- Зона «хорошо»: LCP ≤ 2,5 с, INP ≤ 200 мс, CLS ≤ 0,1.
- Оцениваются по полевым данным реальных пользователей (CrUX), а не только по лабораторным тестам.
- Диагностика — в PageSpeed Insights и Google Search Console (отчёт Core Web Vitals).
- С марта 2024 года INP заменил прежнюю метрику FID.
Что такое Core Web Vitals и зачем они нужны
Core Web Vitals (CWV) — три ключевые метрики из более широкого набора Web Vitals, которые Google использует для оценки удобства страницы. Они измеряют не «красоту» сайта, а то, как реальный человек ощущает работу с ним: быстро ли появился основной контент, мгновенно ли страница отреагировала на клик, не «прыгает» ли вёрстка под пальцем.
С 2021 года Core Web Vitals — часть системы оценки Page Experience и один из факторов ранжирования. Сам по себе фактор не самый сильный: при прочих равных сайт с хорошими метриками обойдёт конкурента, но идеальная скорость не выведет в топ слабый по содержанию материал. При этом плохие метрики бьют не только по позициям, но и по бизнесу напрямую — медленная страница теряет посетителей ещё до того, как они увидят предложение.
Важный нюанс: Google оценивает метрики по полевым данным — статистике реальных пользователей Chrome (отчёт CrUX) за последние 28 дней. Поэтому одноразовый лабораторный тест и оценка в Search Console могут расходиться.
LCP — Largest Contentful Paint: скорость загрузки
LCP показывает, за сколько секунд загружается и отображается самый крупный видимый элемент в области экрана — обычно это главное изображение, баннер или большой блок текста. Метрика отвечает на вопрос пользователя «когда страница станет полезной».
Нормы: «хорошо» — до 2,5 секунды, «требует улучшения» — от 2,5 до 4 секунд, «плохо» — свыше 4 секунд.
Как улучшить LCP:
- Оптимизируйте изображения: современные форматы (WebP, AVIF), сжатие, правильные размеры под контейнер.
- Настройте кеширование и подключите CDN, чтобы контент отдавался с ближайшего сервера.
- Уберите тяжёлые скрипты и стили, блокирующие рендеринг; критический CSS вставляйте inline.
- Ускорьте ответ сервера (TTFB): быстрый хостинг, оптимизация базы данных, серверный кеш.
- Используйте preload для ключевого изображения и шрифтов.
INP — Interaction to Next Paint: отзывчивость
INP измеряет задержку между действием пользователя (клик, тап, нажатие клавиши) и визуальным откликом страницы. Метрика оценивает все взаимодействия за сессию и берёт худшие из них, отражая, насколько «живо» ощущается интерфейс. С марта 2024 года INP официально заменил прежнюю метрику FID (First Input Delay), которая учитывала лишь первое взаимодействие.
Нормы: «хорошо» — до 200 миллисекунд, «требует улучшения» — от 200 до 500 мс, «плохо» — свыше 500 мс.
Как улучшить INP:
- Сократите и разбейте длинные JavaScript-задачи, блокирующие основной поток.
- Удалите или отложите неиспользуемые сторонние скрипты (чаты, аналитику, виджеты).
- Используйте отложенную загрузку (lazy loading) и подгрузку по требованию.
- Выносите тяжёлые вычисления в web workers.
- Минимизируйте работу при обработке событий — не пересчитывайте всю страницу на каждый клик.
CLS — Cumulative Layout Shift: стабильность вёрстки
CLS фиксирует, насколько неожиданно смещаются элементы страницы во время загрузки. Знакомая ситуация: вы собираетесь нажать кнопку, но сверху догружается баннер, всё уезжает вниз, и палец попадает в рекламу. Такие сдвиги раздражают и снижают доверие — их и штрафует CLS.
Нормы: «хорошо» — до 0,1, «требует улучшения» — от 0,1 до 0,25, «плохо» — свыше 0,25. Это безразмерный показатель, а не секунды.
Как улучшить CLS:
- Задавайте явные размеры (width/height) для картинок и видео, чтобы под них резервировалось место.
- Бронируйте место под рекламные блоки и встраиваемые элементы заранее.
- Не вставляйте новый контент над уже видимым (кроме реакции на действие пользователя).
- Подключайте шрифты аккуратно (font-display, preload), чтобы избежать «прыжка» текста при подмене шрифта.
Нормы Core Web Vitals: сводная таблица
| Метрика | Что измеряет | Хорошо | Требует улучшения | Плохо |
| LCP | Скорость загрузки | ≤ 2,5 с | 2,5–4 с | > 4 с |
| INP | Отзывчивость | ≤ 200 мс | 200–500 мс | > 500 мс |
| CLS | Стабильность вёрстки | ≤ 0,1 | 0,1–0,25 | > 0,25 |
Чтобы страница считалась прошедшей проверку, в «зелёной» зоне должны быть все три метрики по 75-му перцентилю пользователей.
Как проверить Core Web Vitals
- PageSpeed Insights — главный инструмент. Показывает и полевые данные (CrUX, реальные пользователи), и лабораторный тест (Lighthouse) с конкретными рекомендациями.
- Google Search Console — отчёт «Основные интернет-показатели» группирует URL по статусам и показывает динамику по всему сайту.
- Chrome DevTools и расширение Web Vitals — для отладки прямо в браузере.
- Chrome UX Report (CrUX) — исходные полевые данные.
Начинайте с полевых данных: именно их учитывает Google при ранжировании. Лаборатория помогает понять причину, но не заменяет реальную статистику. Подробный разбор сервисов есть в отдельной статье про бесплатные SEO-инструменты.
Полевые и лабораторные данные — почему цифры расходятся
Лабораторный тест (Lighthouse) прогоняет страницу в контролируемых условиях: заданная скорость сети, конкретное устройство. Полевые данные (CrUX) собираются с реальных пользователей — с разными телефонами, интернетом и поведением. Поэтому в Lighthouse может быть «зелено», а в поле — «жёлто». При работе с ранжированием ориентируйтесь на полевые данные, а лабораторию используйте для диагностики.
Частые ошибки
- Гонка за 100 баллов в Lighthouse вместо реальных метрик. Оценка Lighthouse — не то же самое, что Core Web Vitals; можно иметь 100 баллов и красный CLS в поле.
- Оптимизация только десктопа. Google оценивает мобильную версию — тестируйте прежде всего её.
- Игнорирование сторонних скриптов. Часто именно чаты, пиксели и виджеты роняют INP.
- Разовая правка вместо контроля. Метрики плавают: нужен регулярный мониторинг, а не однократная оптимизация.
Core Web Vitals — важная часть технического здоровья сайта, но не единственная. Полную картину даёт технический SEO-аудит, который проверяет скорость вместе с индексацией, дублями и структурой. Техническое здоровье — фундамент, но позиции определяет и внешний авторитет: без линкбилдинга даже идеально быстрый сайт может не пробиться в конкурентной нише.
Хотите понять, что тормозит именно ваш сайт, и исправить это с максимальной отдачей? Закажите технический SEO-аудит — мы измерим Core Web Vitals по реальным данным, найдём узкие места и дадим пошаговый план улучшений. Цены ориентировочные и зависят от ниши, объёма и конкуренции — точную стоимость рассчитаем по вашему проекту.