Три показателя и их нормы
- LCP (Largest Contentful Paint) — за сколько появляется самый крупный элемент первого экрана: картинка или блок текста. Хорошо — до 2,5 секунды, плохо — больше 4 секунд.
- INP (Interaction to Next Paint) — как быстро страница откликается на клики и нажатия. Хорошо — до 200 мс, плохо — больше 500 мс. В марте 2024 года INP заменил прежний показатель FID.
- CLS (Cumulative Layout Shift) — насколько смещается вёрстка во время загрузки. Хорошо — до 0,1, плохо — больше 0,25.
Оценивается 75-й процентиль: страница считается хорошей, если нормы выполняются как минимум для 75% посещений. Телефоны и компьютеры оцениваются отдельно.
Данные пользователей и лабораторные данные
Это главное, что нужно понять, иначе цифры будут путать.
- Данные реальных пользователей Google собирает в браузере Chrome у настоящих посетителей за последние 28 дней — это отчёт Chrome UX Report (CrUX). Именно они используются для оценки Core Web Vitals.
- Лабораторные данные — разовый замер в симуляции: условный телефон, условно медленная сеть. Они помогают найти причины и сразу проверить исправление, но это не то, что видят ваши посетители.
Поэтому оценка «45 из 100» в лабораторном замере и зелёные показатели у реальных пользователей — не противоречие, а два разных измерения.
Шаг 1. PageSpeed Insights
- Откройте PageSpeed Insights, вставьте адрес страницы и запустите анализ.
- Вверху — данные реальных пользователей: три показателя Core Web Vitals и итог, пройдена оценка или нет. Можно переключиться между данными конкретной страницы и всего сайта.
- Ниже — лабораторный замер с оценкой от 0 до 100 и диагностикой: что именно тормозит.
Если вверху написано, что данных недостаточно, у страницы мало посетителей с Chrome. Для небольших сайтов это нормально — тогда ориентируйтесь на лабораторный замер и отчёт Search Console.
Шаг 2. Отчёт в Search Console
В Search Console откройте отчёт «Основные интернет-показатели». Он показывает не одну страницу, а весь сайт: сколько адресов хороших, сколько требуют улучшения и сколько плохих — отдельно для телефонов и компьютеров. Похожие страницы Google объединяет в группы, поэтому одна проблема в шаблоне сразу видна на сотнях адресов.
Если сайта ещё нет в Search Console, начните с этой инструкции.
Шаг 3. Найдите причину
- Плохой LCP — чаще всего тяжёлая главная картинка, медленный ответ сервера, шрифты и скрипты, которые задерживают отрисовку.
- Плохой INP — тяжёлые скрипты: виджеты чатов, счётчики, слайдеры, конструкторы страниц.
- Плохой CLS — картинки и баннеры без заданных размеров, поздно загружаемые шрифты, рекламные блоки и cookie-баннеры, которые сдвигают содержимое.
Диагностика PageSpeed Insights подсказывает конкретные файлы. Как мы автоматизировали такие проверки, я рассказывал в статье о подключении PageSpeed Insights к Claude.
После исправлений не ждите мгновенного результата. Данные реальных пользователей накапливаются за 28 дней, поэтому улучшение в отчётах становится заметно постепенно. Лабораторный замер покажет эффект сразу.
Частые ошибки при проверке
- Проверяют только главную страницу, а проблемы — на страницах товаров или статей.
- Смотрят результат для компьютера, хотя большинство посетителей приходит с телефонов.
- Гонятся за 100 баллами в лабораторном замере вместо зелёных показателей у реальных пользователей.
- Делают выводы по одному замеру: лабораторные результаты колеблются от запуска к запуску.
Коротко
- Нормы: LCP до 2,5 с, INP до 200 мс, CLS до 0,1 — для 75% визитов.
- Оценку определяют данные реальных пользователей за 28 дней, лабораторный замер помогает искать причины.
- Отдельную страницу проверяйте в PageSpeed Insights, весь сайт — в отчёте Search Console.
- Смотрите в первую очередь на телефоны.
- После исправлений ждите обновления данных пользователей несколько недель.
Если показатели красные и непонятно, с чего начать, мы можем ускорить сайт и привести в порядок Core Web Vitals: замерим до и после, исправим картинки, скрипты и кеш.
