Оптимизация Interaction to Next Paint: практические рекомендации для разработчиков

Запрошенная страница

developer.chrome.com/docs/web-platform/optimize-inp

Три компонента INP

• Задержка ввода: «начинается, когда пользователь инициирует взаимодействие со страницей, и заканчивается, когда начинают выполняться обработчики событий для этого взаимодействия.»
• Длительность обработки: «состоит из времени, необходимого для выполнения обработчиков событий до завершения.»
• Задержка отрисовки: подтверждена как третий компонент, но полное определение отсутствует; взаимодействия состоят из «задержки ввода, длительности обработки и задержки отрисовки.»

Практические рекомендации

• Каждый компонент взаимодействия нужно делать «настолько коротким, насколько это возможно», а не оптимизировать только задержку ввода.
• Высокая задержка ввода: проверьте, не занят ли главный поток другой работой до начала колбэков; само взаимодействие «может не быть прямой причиной медленного INP.»