INP (Interaction to Next Paint) – это метрика производительности, введенная Google для измерения скорости отклика сайта после взаимодействия пользователя с веб-страницей. Она является одним из главных показателей методологии Core Web Vitals, разработанной для оценки качества пользовательского взаимодействия с веб-ресурсами. INP измеряет время между моментом, когда посетитель совершает действие на странице, например нажимает на кнопку или ссылку, и моментом, когда браузер завершает отрисовку страницы в ответ на это действие. Чем ниже значение данной метрики, тем быстрее и отзывчивее сайт.
Хороший INP важен для обеспечения плавного визуального отклика, удобства использования веб-ресурсов и влияет на SEO. Большие значения этого показателя (300 мс и более) указывают на задержки в отзывчивости интерфейса после действий пользователя, что негативно влияет на юзабилити. Google рекомендует стремиться к INP 200 мс и менее.
Как рассчитывается INP
Опишем процесс расчета INP.
- Google отслеживает действия пользователя на сайте, такие как клики, прокрутка, нажатие клавиш и другие.
- Для каждого действия браузер запоминает точное время в миллисекундах.
- Сразу после этого он отслеживает время до следующего кадра анимации, то есть до следующего перерисовывания визуальных элементов на странице.
- Разница между временем взаимодействия посетителя со страницей и временем ее следующего перерисовывания является значением INP.
Окончательное значение показателя – это максимальное или наихудшее значение из всех INP на данной странице за определенный промежуток времени загрузки. Для страниц с большим числом взаимодействий не учитывается один самый долгий отклик на каждые 50 из них.
Чем отличается INP от FID
FID (First Input Delay) – показатель, измеряющий время только между первым взаимодействием пользователя со страницей и моментом, когда браузер начинает обрабатывать его. Он влияет на первое впечатление пользователя от сайта и должен быть меньше INP: менее 100 мс. Кроме того, FID измеряет только задержку до начала реакции, а не время, необходимое для прорисовки следующего кадра. INP же измеряется для каждого взаимодействия на протяжении всей сессии и измеряет время до визуального отклика. Он является более всеобъемлющей метрикой, поскольку учитывает весь жизненный цикл страницы, и практически вытеснил FID.
Вопросы-ответы
Производительность сервера, время загрузки JavaScript, скорость рендеринга (отрисовки), размер страницы.
Используйте сеть CDN для доставки статических ресурсов, таких как изображения, CSS и JavaScript, кэширование браузера и AMP-страницы для мобильных устройств, минимизируйте JS-код, оптимизируйте изображения и скорость отображения контента (метрики LCP – скорость загрузки большого контента, CLS – совокупный сдвиг макета), применяйте техники рендеринга по частям для большой разметки.