Создать URL
Генератор Правила транслитерации Как сделать ЧПУ Блог Вопросы и ответы Создать URL
Разбор

Core Web Vitals: что это и как измерять

От общих разговоров о скорости перейдём к стандартному набору метрик, по которым сегодня оценивают опыт пользователя, — Core Web Vitals.

Три метрики

Core Web Vitals описывают три стороны впечатления от страницы: как быстро она загружается, насколько стабильна и как быстро реагирует на действия.

Core Web VitalsLCPскорость показаглавного элементаINPотзывчивостьна действияCLSстабильностьмакета
Core Web VitalsLCPскорость показаглавного элементаINPотзывчивостьна действияCLSстабильностьмакета
Три показателя опыта пользователя

Пороги оценки

Пороговые значения 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% посещений, отдельно для мобильных и настольных устройств.

Полевые и лабораторные данные

  • Полевые данные собираются у реальных посетителей и отражают настоящий опыт: разные устройства, сети, регионы.
  • Лабораторные данные получаются при тестовом запуске страницы в контролируемых условиях: они удобны для поиска причин и проверки исправлений.

Полезно смотреть оба типа: полевые показывают, есть ли проблема, лабораторные помогают понять, в чём она.

Чем измерять

Инструменты для измерения метрик
ИнструментЧто даёт
Отчёт по скорости в панели Google Search ConsoleГруппы страниц с проблемами по полевым данным
Анализатор скорости страниц GoogleПолевые и лабораторные данные для адреса
Инструменты разработчика в браузереПодробный разбор загрузки и запуск лабораторного теста
Системы веб-аналитикиВремя загрузки у реальных посетителей вашего сайта

Практический порядок работы

  1. Узнайте состояние по полевым данным: какие группы страниц в зоне риска.
  2. Выберите шаблон страницы с наибольшим трафиком и разберите его в лаборатории.
  3. Исправляйте причину в шаблоне: один шаблон обслуживает тысячи страниц.
  4. Дождитесь накопления полевых данных и убедитесь, что показатели улучшились.

Отдельные метрики разобраны в статьях про LCP, CLS и INP.

Важно: метрики — лишь индикатор опыта. Быстрая страница нужна прежде всего людям; хорошие показатели не заменяют полезного содержимого.

Карта типичных причин

Метрики и их типичные причины
МетрикаТипичные причиныПодробнее
LCPМедленный сервер, тяжёлые изображения, блокирующие ресурсыLCP
INPДлинные задачи JavaScript, тяжёлые обработчики, сторонний кодINP
CLSИзображения без размеров, реклама, шрифты, динамические вставкиCLS

Как расставить приоритеты

Не пытайтесь улучшить все показатели сразу. Начните с того, что находится в зоне «плохо» на самых посещаемых шаблонах: обычно это даёт наибольший выигрыш. Затем переходите к показателям в зоне «требует улучшения». Помните, что цель — комфорт пользователей, а не идеальные цифры в отчёте.

Частые вопросы

Что такое Core Web Vitals?

Три показателя опыта пользователя: LCP — скорость показа главного элемента, INP — отзывчивость на действия, CLS — стабильность макета.

Чем полевые данные отличаются от лабораторных?

Полевые собираются у реальных посетителей, лабораторные — при тестовом запуске страницы; первые показывают наличие проблемы, вторые помогают найти причину.

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

LCP до 2,5 секунды, INP до 200 миллисекунд и CLS до 0,1 по значению, которое не превышают 75% посещений.

Готовый адрес можно собрать прямо сейчас: откройте генератор ЧПУ — он транслитерирует фразу по таблице Яндекса, уберёт служебные слова и покажет длину адреса.

Читайте также