INP (Interaction to Next Paint)
Краткое определение
INP - это метрика Core Web Vitals, измеряющая время между кликом или касанием посетителя и видимым откликом страницы.
После загрузки страницы, когда пользователь нажимает кнопку или открывает меню, INP - это время, за которое браузер отражает это на экране. Итоговое значение близко к самому медленному взаимодействию, измеренному за весь визит.
Метрика отображается в Search Console и PageSpeed Insights. Официальный порог составляет 200 миллисекунд: ниже - хорошо, от 200 до 500 миллисекунд - требует улучшения, выше - плохо. В 2024 году она заменила устаревшую метрику First Input Delay.
Ее часто путают с FID, который измерял только первое взаимодействие. INP охватывает каждое взаимодействие на странице и потому точнее отражает реальный опыт.
Самая частая ошибка: выполнять работу, вызванную кликом, например добавление в корзину или применение фильтра, как одну длинную задачу JavaScript, которая блокирует главный поток. Правильный подход: разбить эту работу на небольшие части, сразу обновить экран, а тяжёлые вычисления завершить позже, так чтобы Вы получали мгновенный отклик браузера на касание.
Почему это важно
Когда кнопка реагирует медленно, посетитель нажимает еще раз или отказывается от действия. Низкий INP сохраняет плавность таких действий, как заполнение формы или добавление в корзину, и снижает число отказов.
Условный пример
На сайте аренды оборудования для мероприятий выбор даты подтормаживал из-за нагрузки JavaScript, INP доходил до 450 миллисекунд; после разделения кода показатель снизился до 150 миллисекунд.
