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](https://web.dev/articles/long-animation-frames) — Метрика и отладка.

- [Interaction to Next Paint — web.dev](https://web.dev/articles/inp) — Определение INP.

---

## Исправления

Дробите синхронный JSON.parse и сортировки каталога на chunks через scheduler.postTask.

Откладывайте third-party теги до idle или consent.

#INP#производительность#отладка

Читайте также