Long Animation Frame work on React sites
17.0% of audited sites (1,284) record over 250ms of work inside Long Animation Frames, pushing median field INP to 94ms (92% good INP) versus 77ms (95% good INP) under 80ms.
26.9% of React sites use 80 to 130ms of LoAF work Long Animation Frame work, and 96% of those sites have a good INP, against 95% of all React sites.
INP pass rate
Sites with 80 to 130ms of LoAF work Long Animation Frame work have a good INP most often: 96%, against 95% of all React sites. Sites with over 250ms of LoAF work LoAF duration have it least often, at 92%.
Long Animation Frame work usage
Under 80ms of LoAF work is the most used: 36.1% of React sites. 80 to 130ms of LoAF work is 26.9% of React sites.
Long Animation Frame work per platform
On Wix, 51% of sites use under 80ms of LoAF work Long Animation Frame work, and 97% of Wix sites have a good INP, against 95% of all sites. On WordPress, 34% of sites use over 250ms of LoAF work, and 98% of WordPress sites have a good INP.
Long Animation Frame work or the platform
Does the platform explain the Long Animation Frame work difference?
On Wix, 97% of sites with 80 to 130ms of LoAF work Long Animation Frame work have a good INP, against 98% of Wix sites with under 80ms of LoAF work. Within Wix, sites with 80 to 130ms of LoAF work and under 80ms of LoAF work have a good INP about equally often. On WordPress, 99% of sites with 80 to 130ms of LoAF work Long Animation Frame work have a good INP, against 98% of WordPress sites with under 80ms of LoAF work. Within WordPress, sites with 80 to 130ms of LoAF work and under 80ms of LoAF work have a good INP about equally often.
Why Long Animation Frames pinpoint real INP bottlenecks
Unlike classic Long Tasks, the Long Animation Frames API captures the full rendering update alongside script execution, exposing forced synchronous reflows and expensive style recalculations. Across 2,726 sites (36.1%) with under 80ms of LoAF work, 95% pass field INP at an 77ms median, compared with 92% (94ms median) on the 17.0% (1,284) exceeding 250ms.
Understanding Long Animation Frame work
Eliminate synchronous layout reads after DOM writes (forced reflows) and break long script evaluation tasks into smaller chunks. Across all audited sites, 36.1% stay under 80ms of LoAF work (95% good INP, 77ms median) versus 17.0% above 250ms (92% good INP, 94ms median).
By Arjen Karel · 9,570 crawled React sites (9,110 with all devices Chrome field data, 7,560 sites with Long Animation Frame work, October 2026). How we measured.