Core Web Vitals — три показателя, которыми Google описывает, каким сайт ощущается человеку. Не «сколько весит страница», а как быстро появился смысл, как быстро страница ответила на нажатие и не прыгал ли контент под пальцем.
Три метрики простыми словами
-
LCP — когда на экране появился главный элемент: крупная картинка или заголовок. Момент, в который посетитель понимает, куда попал.
-
INP — насколько быстро страница отвечает на нажатие. Пришёл на смену FID и учитывает все взаимодействия, а не только первое.
-
CLS — насколько прыгает вёрстка. Классика: целитесь в кнопку, сверху догружается баннер, палец попадает не туда.
Полевые данные и лабораторные
Главный источник путаницы. PageSpeed показывает две разные вещи рядом:
-
Лабораторный тест — один прогон на эмулированном устройстве. Удобно для отладки.
-
Полевые данные — то, что реально измерили браузеры ваших посетителей за 28 дней. В оценке учитываются именно они.
Отсюда две частые ситуации. Лабораторно 95, а в поле «плохо» — значит у ваших людей устройства и сеть хуже, чем у эмулятора. И наоборот: полевых данных нет вовсе, потому что трафика мало для статистики.
Что портит каждую метрику
LCP — тяжёлая картинка первого экрана без сжатия и без современного формата; шрифт, который грузится раньше текста; медленный ответ сервера.
INP — тяжёлый JavaScript, занимающий поток в момент нажатия. Чаще всего это не ваш код, а набор сторонних скриптов: аналитика, чаты, пиксели, виджеты.
CLS — картинки без указанных размеров, поздно подставленные шрифты, баннеры и уведомления, которые появляются и сдвигают всё вниз.
Ошибка, которую делают почти все
Картинка без атрибутов ширины и высоты. Браузер не знает, сколько места ей оставить, рисует текст сразу, а когда файл приходит — раздвигает страницу. Самый частый и самый дешёвый в исправлении источник CLS: два атрибута в разметке.
Честно про связь с продажами
Скорость влияет на конверсию, но она не рычаг продаж, а условие допуска. Медленный сайт теряет часть людей до того, как они увидели предложение — особенно на мобильном интернете, где разница между двумя и шестью секундами решает всё.
При этом быстрый сайт со слабым предложением продавать не начнёт. Порядок такой: сначала убрать откровенно плохое — секунды ожидания, прыгающую вёрстку, — потом заниматься содержанием. Разгонять с 90 до 98 баллов, когда на странице нечего купить, значит оптимизировать не то.
С чего начать проверку
-
Смотрите полевые данные, а не только лабораторные.
-
Проверяйте мобильную версию: там метрики почти всегда хуже.
-
Проверьте несколько типов страниц, а не одну главную.
-
Начните с картинок и сторонних скриптов — на них приходится большая часть проблем.
Если PageSpeed показывает красное и непонятно, за что хвататься — можем разобрать отчёт и сказать, что даст эффект, а что косметика.