INP и Core Web Vitals: Как Скорость Влияет на Продажи
Как Core Web Vitals и метрика INP от Google определяют и позиции в поиске, и то, доведёт ли посетитель покупку или запись до конца.
Команда rabbitclipПубликация: 5 мин чтения
Коротко
Core Web Vitals — это три метрики, которыми Google измеряет скорость загрузки страницы, её визуальную стабильность и отклик на взаимодействие (LCP, CLS, INP); вместе они работают и как сигнал ранжирования, и как прямой показатель того, останется ли посетитель на странице. INP (Interaction to Next Paint) заменил метрику FID в марте 2024 года и измеряет время между кликом или тапом и реальной реакцией экрана.
Эти метрики звучат как инженерная деталь, но результат конкретен: на странице, которая медленно грузится или с опозданием реагирует на клик, посетитель уходит, не заполнив форму и не добавив товар в корзину.
В этой статье разбирается, что измеряют три метрики, почему они важны для разных типов бизнеса и с чего начать.
Что на самом деле измеряют Core Web Vitals
Core Web Vitals — это набор измерений, которыми Google описывает пользовательский опыт страницы через три отдельные метрики: LCP (Largest Contentful Paint) измеряет, сколько времени требуется на появление основного контента, CLS (Cumulative Layout Shift) измеряет, насколько сильно смещаются элементы во время загрузки, а INP (Interaction to Next Paint) измеряет, насколько быстро экран реагирует после клика или тапа.
Вместе они отвечают на простой вопрос: ощущается ли страница быстрой? Если контент появляется поздно (высокий LCP), кнопка сдвигается, пока кто-то читает (высокий CLS), или экран как будто зависает после тапа по меню (высокий INP), опыт считается плохим.
Почему INP заменил FID
FID (First Input Delay) измерял только задержку перед самым первым кликом; он игнорировал все взаимодействия после загрузки страницы. INP измеряет каждый клик, тап и нажатие клавиши, пока страница остаётся открытой, и сообщает худшее значение, что гораздо точнее отражает реальное использование.
Представим страницу записи, где список временных слотов на мгновение зависает после выбора даты: FID никогда бы этого не поймал, INP показывает это напрямую. По опубликованным web.dev порогам, INP ниже 200 миллисекунд считается хорошим, а выше 500 миллисекунд — плохим. Чем медленнее отклик, тем быстрее посетитель сдаётся.
Как скорость сайта влияет на продажи
Медленная страница означает, что посетитель уходит, не завершив то, ради чего пришёл. Представим форму записи сети спа-салонов: если выбор даты тормозит на секунду при каждом тапе, посетитель может просто позвонить по телефону или посмотреть конкурента.
То же самое касается формы запроса коммерческого предложения у производителя. Если экран подтверждения слишком долго появляется после отправки, пользователь не уверен, прошла ли заявка, нажимает снова, иногда отправляет одну и ту же заявку дважды или уходит, вообще не отправив её.
Риск здесь не только в позициях поиска; это число завершённых транзакций.
С чего начать: измерение
Первый шаг — измерить. PageSpeed Insights от Google и отчёт Core Web Vitals в Search Console строятся на реальных данных посетителей (полевые данные), которые, в отличие от лабораторного теста, показывают, как сайт реально работает на устройствах и соединениях посетителей.
Работа по ускорению без измерения обычно бьёт не туда. Уменьшение одного изображения может ничего не дать, если настоящий виновник — виджет чата от стороннего поставщика, тормозящий всю страницу.
Измерение лучше работает как регулярная привычка, чем как разовый отчёт; если тот же отчёт не проверяется заново после обновления или новой функции, регресс может остаться незамеченным неделями.
- Проверить текущие значения LCP, CLS и INP в PageSpeed Insights
- Прочитать отчёт Core Web Vitals в Search Console для реальных данных посетителей
- Оценивать мобильную версию и десктоп отдельно; мобильная обычно критичнее
- Отдельно протестировать сторонние скрипты (реклама, виджеты чата, инструменты аналитики)
Для каких компаний это критичнее всего
Скорость сайта важна везде, но в некоторых отраслях напрямую влияет на выручку. На сайте электронной коммерции медленно загружающаяся страница корзины — это потерянная продажа; для бизнеса, построенного вокруг записи или заявок, задержка формы — это потерянный клиент.
На корпоративном сайте с несколькими страницами скорость тоже важна, но её эффект проявляется больше через восприятие бренда; посетитель может просто счесть медленный сайт менее надёжным.
Практические способы улучшить INP
Улучшение показателя INP обычно сводится к разбиению длинных задач JavaScript, занимающих основной поток браузера, на более мелкие части. Если код, выполняющийся сразу после клика, работает слишком долго, браузер ждёт его завершения, прежде чем обновить экран; пользователь ощущает это ожидание как зависание.
Сторонние скрипты, виджет чата в реальном времени, рекламные теги, инструменты аналитики, часто являются настоящим источником плохого INP, поскольку делят тот же основной поток с кодом самой страницы. Отложить скрипт так, чтобы он запускался лишь через несколько секунд после загрузки, снижает зависания при первых взаимодействиях.
Если фильтр товаров производителя пересчитывает весь список при каждом клике по опции, разбиение этого расчёта на более мелкие части, дающие браузеру передышку, устраняет проблему; технические детали остаются за разработчиком, но руководителю стоит знать, что это исправление измеримо и редко требует полной переписи.
Эти исправления не обязательно делать разом; начать с трёх-четырёх скриптов с наибольшим эффектом реалистичнее, чем многомесячная переписка кода.
Core Web Vitals могут выглядеть как технический отчёт, но результат — бизнес-результат: страница, которая быстро грузится и мгновенно реагирует на клик, доводит больше посетителей до завершённой записи, покупки или отправленной формы. На ознакомительном созвоне с rabbitclip реальные данные посетителей сайта разбираются вместе, и становится ясно, что стоит исправить в первую очередь. Отслеживание всех трёх метрик вместе обычно само показывает, какая страница заслуживает внимания в первую очередь.
Частые вопросы
Что считается хорошим показателем INP?
По опубликованным web.dev порогам, ниже 200 миллисекунд — хорошо, выше 500 миллисекунд — плохо.
Определяют ли Core Web Vitals позиции сами по себе?
Нет, они не перевешивают качество контента, но входят в сигналы Google об опыте страницы и могут стать решающим фактором между двумя похожими страницами.
Что важнее: мобильная версия или десктоп?
Search Console показывает оба отдельно; поскольку у большинства корпоративных сайтов высока доля мобильного трафика, мобильные данные обычно в приоритете.
Сколько занимает исправление скорости?
Зависит от причины; исправление изображения может занять дни, проблемы со сторонними скриптами — дольше.
Важны ли LCP и CLS так же, как INP?
Да, все три оцениваются вместе; фокус только на одной рискует упустить проблемы в остальных.
