Что такое Core Web Vitals
Core Web Vitals это три метрики, которыми Google оценивает удобство сайта: скорость загрузки (LCP), скорость отклика (INP) и стабильность вёрстки (CLS).
LCP измеряет, как быстро появляется основное содержимое страницы. INP измеряет, как быстро страница реагирует на клик. CLS измеряет, насколько элементы прыгают при загрузке.
Эти три показателя вместе говорят, насколько плавно и удобно пользоваться сайтом.
Почему Core Web Vitals важны
Core Web Vitals это официальный фактор ранжирования Google. Это не главный фактор, но из двух равных страниц преимущество у быстрой. Кроме того, эти показатели напрямую влияют на конверсию.
Три метрики и их пороги
Для каждой метрики Google задал границу, после которой результат считается хорошим. Оценка строится на данных реальных посетителей, а не на одном замере.
- LCP (Largest Contentful Paint): самый крупный видимый элемент, обычно главное фото или заголовок, должен появиться за 2,5 секунды.
- INP (Interaction to Next Paint): страница должна отреагировать на клик или касание за 200 миллисекунд. В марте 2024 года INP заменил прежнюю метрику FID.
- CLS (Cumulative Layout Shift): суммарный показатель сдвигов вёрстки должен быть не выше 0,1.
Лабораторные и полевые данные
PageSpeed Insights показывает две разные вещи. Верхний блок это данные реальных пользователей Chrome за последние 28 дней, и именно их Google использует для оценки. Нижний блок это лабораторный тест, разовая симуляция, которая помогает найти причины.
У сайта небольшой эстонской компании посетителей часто так мало, что полевые данные не собираются, и отчёт пишет, что данных недостаточно. Это не ошибка. В таком случае ориентируются на лабораторный тест и на проверку с собственного телефона.
Пример: что тормозит небольшой сайт
Типичная картина: на сайте кафе главное фото загружено прямо с камеры и весит несколько мегабайт, шрифты подключены со стороннего сервиса, а внизу страницы стоят чат, карта и лента из соцсетей. LCP страдает из-за фото, INP из-за лишних скриптов.
CLS чаще всего портит картинка или баннер, под которые в коде не оставили места: текст уже на экране, потом загружается фото и сдвигает всё вниз. То же делает уведомление о cookie, которое появляется с опозданием.
Как проверить и что исправлять
Введите адрес сайта в PageSpeed Insights и смотрите мобильный результат, он обычно слабее. В Google Search Console есть отчёт Core Web Vitals, где видно, какие группы страниц требуют внимания.
Самые результативные правки обычно простые: привести фото к нужному размеру и современному формату, прописать изображениям размеры, убрать ненужные скрипты и перейти на более быстрый хостинг.
Частые вопросы
Какой результат Core Web Vitals считается хорошим?
Страница проходит оценку, если минимум в 75 процентах визитов LCP не больше 2,5 секунды, INP не больше 200 миллисекунд и CLS не больше 0,1. В норме должны быть все три показателя одновременно.
Нужно ли добиваться 100 баллов в PageSpeed?
Нет. Баллы это сводная оценка лабораторного теста, а не то, что Google учитывает при ранжировании. Важнее, чтобы три основные метрики были в зелёной зоне и сайт ощущался быстрым на телефоне.
Выведут ли Core Web Vitals сайт на первое место?
Сами по себе нет. Быстрая страница без полезного содержания высоко не поднимется. Скорость даёт преимущество, когда контент и доверие к сайту на уровне конкурентов, и в любом случае удерживает посетителей.