Core Web Vitals — три метрики, которыми Google описывает удобство страницы с технической стороны: как быстро она показывает главное, как быстро откликается на действия и насколько спокойно ведёт себя при загрузке. Разбираемся, что именно измеряет каждая, какие значения считаются нормой и почему ваш собственный замер может не совпадать с тем, что видит поиск.
Коротко
- LCP — скорость появления главного элемента, хорошо при 2,5 секунды и меньше.
- INP — отклик страницы на действия, хорошо при 200 миллисекундах и меньше.
- CLS — сдвиги макета при загрузке, хорошо при значении 0,1 и меньше.
- Оценка строится на данных реальных пользователей, а не на замере из браузера.
Три метрики и их пороги
| Метрика | Что измеряет | Хорошо |
|---|---|---|
| LCP | Когда появляется самый крупный видимый элемент | до 2,5 с |
| INP | Насколько быстро страница отвечает на действия | до 200 мс |
| CLS | Насколько элементы прыгают при загрузке | до 0,1 |
Значения выше порога попадают в категорию «требует улучшения», а при заметном превышении — в «плохо». Оценка даётся не по среднему, а по значению, в которое укладывается большинство визитов: одна очень медленная загрузка общую картину не портит, а систематическая медленность портит.
Про INP. Эта метрика заменила прежнюю FID и стала стабильной в 2024 году. Разница принципиальная: FID измерял только задержку первого действия, INP смотрит на отклик в течение всего визита. Сайты, у которых с FID было всё хорошо, на INP нередко проваливаются — потому что тормоза начинаются после первого клика, а не на нём.
LCP: скорость появления главного
Метрика фиксирует момент, когда на экране отрисовался самый крупный элемент первого экрана: обычно это баннер, главная фотография товара или большой заголовок.
Логика простая: человек считает страницу загрузившейся не тогда, когда пришёл первый байт, а когда увидел содержательную часть. LCP пытается поймать именно этот момент.
Что обычно оказывается элементом LCP
- Изображение в шапке или первый слайд карусели;
- главная фотография товара в карточке;
- фоновое изображение блока;
- крупный текстовый блок, если картинок в первом экране нет;
- видео-превью.
Первый шаг в работе с LCP — узнать, какой именно элемент им является на вашей странице. Инструменты измерения это показывают, и результат нередко удивляет: оптимизируют баннер, а метрику определяет невидимый блок ниже.
INP: отклик на действия
INP измеряет, сколько проходит от действия человека — клика, нажатия, ввода — до того, как страница отреагирует визуально. Берётся не первое взаимодействие, а показательное за весь визит.
Причина плохого INP почти всегда одна: главный поток браузера занят выполнением скриптов и не успевает отрисовать реакцию.
Что портит INP
- Тяжёлые сторонние скрипты
- Много обработчиков на одно событие
- Длинные задачи без разбиения
- Перерисовка большого куска страницы
- Виджеты чатов и попапов
Что помогает
- Убрать неиспользуемые скрипты
- Отложить всё, что не нужно сразу
- Разбить длинные задачи на части
- Показывать реакцию до завершения расчётов
- Проверить каждый сторонний виджет
INP не виден при обычной проверке. Метрика измеряется только когда человек что-то делает на странице. Автоматический замер, где никто не кликает, покажет пустоту. Реальные значения смотрят в полевых данных или воспроизводят вручную, поработав со страницей.
CLS: прыжки макета
Единственная безразмерная метрика из трёх. Она считает, насколько сильно элементы сдвигаются во время загрузки: вы собрались нажать кнопку, а она уехала вниз, потому что сверху подгрузился баннер.
Значение складывается из площади сдвинувшейся области и расстояния сдвига. Мелкое смещение крупного блока и крупное смещение мелкого дают разный вклад.
| Причина | Как лечится |
|---|---|
| Изображения без размеров | Атрибуты width и height или aspect-ratio |
| Реклама и виджеты | Заранее зарезервировать место контейнером |
| Шрифты подгружаются позже | Предзагрузка и правильный font-display |
| Баннеры и уведомления сверху | Не вставлять над готовым контентом |
| Контент дорисовывается скриптом | Резервировать место под него |
CLS чаще других метрик правится быстро и дёшево: во многих случаях достаточно проставить размеры изображений.
Лаборатория и поле: почему цифры не совпадают
Самая частая путаница. Есть два вида данных, и оценка в поиске строится только на втором.
| Лабораторные | Полевые | |
|---|---|---|
| Откуда | Замер в контролируемых условиях | Реальные визиты пользователей |
| Скорость получения | Сразу | Накапливаются неделями |
| Стабильность | Повторяемые результаты | Отражают реальный разброс устройств |
| INP | Почти не измеряется | Измеряется корректно |
| Для чего | Искать причину и проверять правки | Понимать, как есть на самом деле |
Рабочая связка. Полевые данные говорят, есть ли проблема и насколько она массовая. Лабораторные помогают найти причину и быстро проверить, помогла ли правка. Оценивать результат работы по лабораторному замеру нельзя: он делается на одной конфигурации, а ваши посетители приходят с сотен разных устройств.
Где смотреть
- PageSpeed Insights. Показывает сразу оба набора данных для конкретного адреса: полевые сверху, лабораторные ниже.
- Отчёт Core Web Vitals в Search Console. Группирует страницы по статусам и показывает динамику. Лучший способ увидеть картину по всему сайту.
- Инструменты разработчика в браузере. Подходят, чтобы найти причину: видно, какой элемент отвечает за LCP и какие задачи блокируют поток.
- Реальное использование страницы. Откройте её на телефоне и поработайте: нажмите, пролистайте, заполните форму. Часть проблем видна без всяких инструментов.
Про приоритеты. Core Web Vitals — один из многих факторов, и он не перевесит релевантность. Страница, которая лучше отвечает на запрос, обгонит быструю, но менее подходящую. Работать с метриками стоит, но не за счёт содержания.
Частые вопросы
Какие значения Core Web Vitals считаются хорошими?
LCP до 2,5 секунды, INP до 200 миллисекунд, CLS до 0,1. Значения выше попадают в категорию «требует улучшения», при заметном превышении — в «плохо».
Почему PageSpeed показывает разные результаты при каждой проверке?
Лабораторный замер зависит от загрузки серверов, сети и случайных факторов. Разброс в несколько баллов — норма. Полевые данные при этом меняются медленно: они накапливаются за длительный период.
Что такое INP и чем он отличается от FID?
INP измеряет отклик страницы на действия в течение всего визита, а FID — только задержку первого взаимодействия. INP стал стабильной метрикой в 2024 году и заменил FID. Сайты с хорошим FID нередко проваливают INP.
Сильно ли Core Web Vitals влияют на позиции?
Это один из факторов, и он не перевешивает соответствие запросу. Заметный эффект бывает там, где сайты примерно равны по содержанию, а также косвенно — через поведение: с медленной страницы уходят чаще.
Читайте также
Сделаем сайт, который приносит заявки
Спроектируем структуру под запросы, соберём и запустим — с учётом SEO с первого дня.
Обсудить разработку
