Core Web Vitals: как увеличить число эффективных URL

В Яндекс Вебмастере отчёт Core Web Vitals делит адреса на три группы: эффективные, те, которым нужно увеличить скорость, и неэффективные. Эффективный URL — страница, у которой у реальных посетителей одновременно в порядке три метрики: LCP, INP и CLS. Число в зелёной линии — не «все страницы сайта», а адреса, по которым уже есть полевые данные и которые проходят порог.

Ниже — как читать график и как по шагам увеличить число эффективных URL. Крупный элемент разобран отдельно: Largest Contentful Paint (LCP): как снизить. Отзывчивость — в материале Total Blocking Time (TBT): как снизить.

Что видно на графике

Отчёт смотрят отдельно для телефона и компьютера. На мобильном графике три линии. Красная — неэффективные URL. Жёлтая — адреса, которым нужно увеличить скорость. Зелёная — эффективные.

На снимке мобильный отчёт: 154 эффективных URL, 0 адресов в жёлтой группе и 0 в красной. С июля по конец августа зелёная линия держится примерно на одной сотне. В начале сентября она резко поднимается выше тысячи, затем к концу сентября возвращается примерно к 150. Красная линия всё это время на нуле.

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

Когда URL считается эффективным

Страница зелёная, только если все три метрики у посетителей в хорошей зоне. Достаточно одной слабой, и адрес уходит из эффективных.

• 01LCP — когда появился самый крупный элемент экрана. Хорошо — до 2,5 секунды.
• 02INP — как быстро страница отвечает на нажатие. Хорошо — до 200 миллисекунд.
• 03CLS — насколько вёрстка прыгает, пока грузится. Хорошо — до 0,1.

Замер полевой: его дают визиты, а не разовый прогон PageSpeed. Телефон и компьютер считаются отдельно. Адрес может быть эффективным на компьютере и выпадать на телефоне.

Как увеличить число эффективных URL

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

1. Откройте оба среза. В Вебмастере это отчёт Core Web Vitals, вкладки «Мобильный» и «Компьютер». Сначала телефон: на нём порог срывается чаще. Кнопка «Открыть отчёт» показывает сами URL, а не только график.

2. Выгрузите незелёные адреса. Сначала неэффективные, затем группу «нужно увеличить скорость». Разложите список по шаблону: главная, категория, карточка, статья, фильтр. Один шаблон — одна правка, и в зелёные уходит сразу пачка адресов, а не одна страница.

3. Посмотрите, какая метрика выталкивает шаблон. У URL в отчёте видно LCP, INP и CLS по отдельности. Чинить всё сразу не нужно: карточку часто держит картинка, а каталог — скрипт фильтра.

4. Если слабый LCP, ускорьте самый крупный элемент. Заголовок и картинка первого экрана должны быть в HTML, у героя нет ленивой загрузки, файл отдан в размере экрана, ответ сервера короткий. Пока первый байт документа идёт две секунды, страница в эффективные не попадёт.

5. Если слабый INP, разгрузите главный поток. Чужой чат, метрику и виджеты не запускайте вместе с документом. Свой код режьте по маршрутам, длинный пересчёт списка бейте на короткие куски. Пока кнопка ждёт скрипт дольше 200 миллисекунд, URL остаётся вне зелёной группы, даже если картинка уже на экране.

6. Если слабый CLS, закрепите место на экране. У картинок и баннеров заранее заданы ширина и высота. Блок над текстом не вставляется после загрузки. Шрифт не прячет строку и не меняет её высоту, когда файл доехал. Прыжок вёрстки переводит адрес в неэффективные при любых быстрых LCP и INP.

7. Выложите правку шаблона и проверьте три живых URL этого шаблона. В PageSpeed смотрите телефон. Лаборатория не копирует отчёт Вебмастера, но показывает ту же причину: какой файл держит LCP, какой скрипт держит отклик, какой блок сдвигает вёрстку.

8. Подождите новые визиты. Зелёная линия двигается, когда по страницам накопится свежая статистика. Это дни и недели, не минуты после выкладки. Пока визитов мало, URL может временно исчезнуть из отчёта: число эффективных тогда падает, хотя страница стала быстрее.

9. Сверьте спад со списками, а не только с высотой линии. Если красная и жёлтая на нуле, а зелёная ниже, как на графике к концу сентября, скорость оставшихся страниц в порядке. Ищите, какие адреса ушли из выборки: их больше не обходят или на них нет визитов. Возвращать их в отчёт имеет смысл, только если эти страницы нужны в поиске.

Какой результат считать нормальным

Нормальный мобильный отчёт выглядит как на снимке: красная и жёлтая линии на нуле, зелёная держит адреса, по которым есть визиты. 154 эффективных URL при нуле в остальных группах — здоровое состояние выборки, а не недобор. Растить зелёную линию дальше стоит за счёт страниц из поиска, которые ещё не проходят порог, а не за счёт технических копий без трафика.