Long Animation Frames (LoAF): кто виноват в плохом INP
Атрибуция долгих кадров к скрипту и оптимизация обработчиков кликов.
LoAF дополняет Long Tasks: показывает, какой скрипт удерживал main thread во время отклика на взаимодействие — ключ к улучшению INP.
Смотрите цепочку от event до paint в Performance panel Chrome 124+ и field data Search Console.
- Long Animation Frames — web.dev — Метрика и отладка.
- Interaction to Next Paint — web.dev — Определение INP.
Исправления
Дробите синхронный JSON.parse и сортировки каталога на chunks через `scheduler.postTask`.
Откладывайте third-party теги до idle или consent.