Core Web Vitals в 2026: как скорость влияет на позиции

Что означают три метрики

LCP — время до отрисовки основного контента (норма до 2.5 с). CLS — насколько «прыгает» вёрстка при загрузке. INP — задержка отклика на действия пользователя. Все три считаются по реальным визитам, а не в лаборатории.

Почему это влияет на позиции

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

С чего начать ускорение

Сожмите и переведите изображения в современные форматы, уберите лишние сторонние скрипты, включите кэширование статики. Эти три шага закрывают большинство проблем с LCP.

Пороговые значения

У каждой метрики две границы: до первой — «хорошо», между первой и второй — «требует улучшения», дальше — «плохо». LCP: 2,5 и 4,0 секунды. INP: 200 и 500 миллисекунд. CLS: 0,1 и 0,25. Считается не среднее, а 75-й процентиль: метрика зачтена, если укладываются три четверти посетителей. Средним пользоваться нельзя — оно прячет как раз тех, кому плохо.

Лаборатория и реальные посетители

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

Почему на телефоне цифры хуже, чем на компьютере

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

Как посмотреть метрики прямо в браузере

Ждать отчёта не обязательно: браузер отдаёт эти величины сам. Вставьте код в консоль на своей странице и обновите её — напечатается LCP вместе с элементом, который его вызвал, и накопленный CLS. Это лабораторный замер на вашей машине и вашей сети, поэтому сравнивать по нему стоит своё «до» и «после», а не себя с конкурентом.

new PerformanceObserver((list) => {
  const e = list.getEntries().at(-1);
  console.log("LCP", Math.round(e.startTime), "мс", e.element);
}).observe({ type: "largest-contentful-paint", buffered: true });

let cls = 0;
new PerformanceObserver((list) => {
  for (const e of list.getEntries()) if (!e.hadRecentInput) cls += e.value;
  console.log("CLS", cls.toFixed(3));
}).observe({ type: "layout-shift", buffered: true });