Core Web Vitals — это три метрики, которые Google использует для объективной оценки пользовательского опыта на веб-странице: скорость загрузки, скорость отклика на взаимодействие и визуальная стабильность. С 2021 года они официально входят в число сигналов ранжирования Google — небольшой, но реальный фактор.
Что такое Core Web Vitals?
Вот эти три метрики:
- LCP (Largest Contentful Paint): за какое время появляется самый крупный видимый элемент страницы.
- INP (Interaction to Next Paint): как быстро страница реагирует на клик или касание пользователя.
- CLS (Cumulative Layout Shift): насколько неожиданно смещаются элементы во время загрузки страницы.
Все три рассчитываются на основе реальных пользовательских данных (анонимной телеметрии пользователей Chrome); это не лабораторный тест, а реальный опыт реальных посетителей.
LCP — отрисовка самого крупного контента
LCP — это момент, когда у пользователя возникает ощущение, что «страница загрузилась»: обычно это главное изображение, блок заголовка или крупная обложка видео. Пороговые значения Google:
| Значение | Оценка |
|---|---|
| 2.5 секунды и меньше | Хорошо |
| 2.5 – 4 секунды | Требует улучшения |
| Более 4 секунд | Плохо |
Самые частые причины: неоптимизированные крупные изображения, медленный ответ сервера, CSS/JS-файлы, блокирующие рендеринг, и поздно загружаемые шрифты.
INP — задержка до следующей отрисовки
INP, заменивший в 2024 году прежнюю метрику FID (First Input Delay), измеряет скорость отклика не одного первого взаимодействия, а всех взаимодействий на странице. Он фиксирует, «зависает» ли экран, когда вы нажимаете на кнопку.
| Значение | Оценка |
|---|---|
| 200 миллисекунд и меньше | Хорошо |
| 200 – 500 мс | Требует улучшения |
| Более 500 мс | Плохо |
Самая частая причина — тяжёлый JavaScript, надолго занимающий основной поток (main thread); особенно часто к этому приводят сторонние скрипты, выполняющиеся при загрузке страницы (реклама, онлайн-чат, инструменты аналитики).
CLS — совокупный сдвиг макета
Вы собираетесь нажать на новость, страница внезапно сдвигается, и вы случайно кликаете по рекламе — именно это и измеряет CLS. Самые распространённые причины: изображения без заданных размеров, рекламные блоки и баннеры, загружающиеся позже, и поздно подгружаемые шрифты (font swap).
| Значение | Оценка |
|---|---|
| 0.1 и меньше | Хорошо |
| 0.1 – 0.25 | Требует улучшения |
| Более 0.25 | Плохо |
Как они на самом деле влияют на SEO?
Здесь важно правильно настроить ожидания: Core Web Vitals не являются таким же сильным фактором ранжирования, как качество контента и соответствие поисковому намерению. По словам самого Google, они служат решающим критерием «между двумя одинаково хорошими материалами» — то есть высокие показатели Web Vitals не спасут слабый контент, но из двух страниц схожего качества быстрая может оказаться выше.
Косвенное влияние при этом сильнее прямого: медленная и нестабильная страница отпугивает пользователя, повышает показатель отказов и сокращает длительность сессии — а эти поведенческие сигналы влияют на ранжирование гораздо сильнее, чем Core Web Vitals.
Как их измерить?
- PageSpeed Insights: На одном экране показывает и реальные пользовательские данные (если они есть), и результаты лабораторного теста. Самая удобная отправная точка.
- Search Console → Основные интернет-показатели: Группирует все страницы вашего сайта и наглядно показывает, какие из них «хорошие», «требуют улучшения» или «плохие».
- Chrome DevTools → Lighthouse: Предоставляет мгновенный подробный анализ прямо в консоли разработчика.
Практические шаги по улучшению
- Переведите изображения в современные форматы. Используйте WebP/AVIF, сжимайте их до реального
размера отображения, а изображения ниже первого экрана загружайте отложенно с помощью
loading="lazy". - Задайте фиксированные размеры изображениям и рекламным блокам. Браузер должен знать, сколько места зарезервировать ещё до загрузки контента — это напрямую улучшает CLS.
- Сократите ресурсы, блокирующие рендеринг. Загружайте некритичные CSS/JS-файлы отложенно (defer/async).
- Оптимизируйте шрифты. Используйте
font-display: swap, не загружайте ненужные начертания и символы. - Ограничьте сторонние скрипты. Каждый добавленный скрипт онлайн-чата, аналитики или рекламы может ухудшить INP; оставляйте только действительно необходимые.
- Сократите время ответа сервера. Кэширование (caching) и удачный выбор хостинга — самый недооценённый, но самый действенный фактор LCP.
Порядок приоритетов: Как правило, наибольший выигрыш дают изображения — на большинстве сайтов источником проблемы с LCP является одно неоптимизированное крупное изображение. Сначала исправьте его, затем переходите к остальным пунктам.
Если даже при хорошей скорости страниц вам не удаётся привлечь посетителей, узкое место — в видимости. В этом случае ознакомьтесь с нашим руководством по повышению CTR или общей статьёй об увеличении органического трафика.