Что такое INP и чем отличается от FID?

Middle
235 просмотров
AFK Offer AI

INP (Interaction to Next Paint) заменил FID в Core Web Vitals. FID измерял задержку только первого взаимодействия. INP измеряет задержку ВСЕХ взаимодействий за сессию и берёт наихудшее (p98). Хорошо < 200ms. Включает: input delay (main thread занят), processing time (обработчик), presentation delay (рендер). Улучшения: разбивай долгие таски (yield to main thread), используй startTransition для некритичных обновлений, web workers для тяжёлых вычислений, дебаунс быстрых событий.

Следующий вопрос

Как реализовать skeleton loading?