Что такое INP?

INP (Interaction to Next Paint) измеряет, насколько быстро страница реагирует на действия пользователя. Метрика учитывает клики, касания и нажатия клавиш в течение всего визита и фиксирует значение, близкое к самому медленному. В марте 2024 года INP заменила FID в составе показателей Core Web Vitals. FID измерял только задержку ввода для первого взаимодействия, тогда как INP охватывает каждое действие вплоть до момента обновления экрана.

#Почему это важно

• Нажатие на кнопку «Добавить в корзину» без какой-либо реакции в течение полсекунды выглядит как сбой и приводит к повторным кликам.
• Самая частая причина высокого INP — тяжелый JavaScript, который блокирует основной поток (main thread): крупные бандлы, сторонние теги, долгие задачи (long tasks).

#Где это отображается в SEOAsist

• На карточке Core Web Vitals на странице Обзор соответствующая строка имеет метку INP / TBT. Для расчета INP требуется реальное взаимодействие пользователя, поэтому лабораторные тесты не всегда могут его зафиксировать; в таких случаях выводится показатель TBT (Total Blocking Time) из PageSpeed. TBT служит отличным лабораторным эквивалентом INP.
• SEO-анализ выводит замечание Высокая задержка взаимодействия, если значение превышает 200 мс.

Подробнее: Дашборд обзора.

#Пример

Разбивайте емкие задачи, чтобы браузер успел выполнить отрисовку:

button.addEventListener("click", async () => {
  showSpinner();                                  // сначала визуальный отклик
  await new Promise((r) => setTimeout(r, 0));     // освобождаем основной поток
  recalculateCart();                              // затем тяжелые вычисления
});

#Частые ошибки

• Загрузка всех виджетов аналитики и чатов при загрузке страницы; отложите их или загружайте по требованию.
• Тестирование только на ПК; показатель INP гораздо хуже на маломощных смартфонах.
• Использование FID для оценки; Google больше не учитывает и не выводит этот показатель.