Технический SEO

Core Web Vitals объяснение: LCP, CLS, INP

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

Они входят в сигналы ранжирования Google — не самый главный фактор, но плохие показатели могут сдерживать иначе хорошо оптимизированную страницу. Вот что именно измеряет каждая метрика и как её исправить.

Три Core Web Vitals

🖼️ LCP — Largest Contentful Paint (отрисовка крупнейшего контента)

Измеряет, сколько времени требуется для полной отрисовки наибольшего видимого элемента (обычно главного изображения или заголовка). Это ответ вашего сайта на вопрос «ощущается ли загрузка быстрой?»

📐 CLS — Cumulative Layout Shift (совокупное смещение макета)

Измеряет визуальную стабильность — насколько неожиданно сдвигается контент при загрузке страницы. Вы когда-нибудь пытались нажать на кнопку, а над ней загружалась реклама, сдвигая всё вниз? Это и есть смещение макета.

⚡ INP — Interaction to Next Paint (взаимодействие до следующей отрисовки)

Измеряет отзывчивость — сколько времени требуется странице, чтобы визуально отреагировать после клика, нажатия или ввода текста пользователем. INP заменил устаревшую метрику First Input Delay (FID) в 2024 году.

Какие показатели считаются хорошими?

Метрика	Хорошо	Требует улучшения	Плохо
LCP	≤ 2,5 с	2,5 с – 4 с	> 4 с
CLS	≤ 0,1	0,1 – 0,25	> 0,25
INP	≤ 200 мс	200 мс – 500 мс	> 500 мс

Как исправить плохой показатель LCP

Сжимайте и правильно масштабируйте главные изображения (используйте современные форматы, например WebP)
Предварительно загружайте критически важные ресурсы: шрифты и главное изображение
Удаляйте блокирующие рендеринг CSS и JavaScript из первоначальной загрузки страницы
Используйте CDN, если ваша аудитория географически распределена
Повышайте скорость ответа сервера (Time to First Byte)

Как исправить плохой показатель CLS

Всегда указывайте явные атрибуты width и height для изображений и видео
Резервируйте место для рекламы и встроенного контента до их загрузки
Избегайте динамической вставки контента выше существующего
Загружайте пользовательские шрифты так, чтобы избежать видимых смещений макета при замене шрифтов

Как исправить плохой показатель INP

Разбивайте длинные задачи JavaScript, блокирующие основной поток
Уменьшайте ненужное выполнение JavaScript при взаимодействии
Откладывайте некритические скрипты до тех пор, пока страница не станет интерактивной
Избегайте тяжёлых сторонних скриптов, конкурирующих за основной поток

Где проверить свои показатели

Используйте отчёт Core Web Vitals в Google Search Console для получения реальных данных, собранных от реальных посетителей (наиболее надёжный источник), или PageSpeed Insights для мгновенного лабораторного теста любой отдельной страницы.

Часто задаваемые вопросы

Являются ли Core Web Vitals прямым фактором ранжирования Google?

Да, они входят в сигналы качества страниц Google, хотя релевантность контента в целом по-прежнему важнее. Плохие Core Web Vitals могут сдерживать иначе хорошо оптимизированную страницу.

Какой показатель LCP считается хорошим?

Менее 2,5 секунды считается хорошим. От 2,5 до 4 секунд — требует улучшения. Более 4 секунд — плохой показатель.

Как проверить свои Core Web Vitals?

Используйте отчёт Core Web Vitals в Google Search Console для получения данных реальных пользователей или PageSpeed Insights для лабораторного теста отдельной страницы.

Что заменило First Input Delay (FID)?

Interaction to Next Paint (INP) заменил FID в качестве официального показателя отзывчивости Google в 2024 году, измеряя полное взаимодействие, а не только начальную задержку ввода.

NOXEL SEO автоматически измеряет все три Core Web Vitals при каждом сканировании.

Проверьте свои Core Web Vitals бесплатно →