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 56ms (97% good INP) versus 45ms (99% good INP) under 80ms.
20.1% of React sites use 130 to 250ms of LoAF work Long Animation Frame work, and 100% of those sites have a good INP, against 99% of all React sites.
INP pass rate
Sites with 130 to 250ms of LoAF work Long Animation Frame work have a good INP most often: 100%, against 99% of all React sites. Sites with over 250ms of LoAF work LoAF duration have it least often, at 97%.
Long Animation Frame work usage
Under 80ms of LoAF work is the most used: 36.1% of React sites. 130 to 250ms of LoAF work is 20.1% 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 100% of Wix sites have a good INP, against 99% of all sites. On WordPress, 34% of sites use over 250ms of LoAF work, and 100% of WordPress sites have a good INP.
Wix 3,993 sitesUnder 80ms LoAF work 51%80 to 130ms LoAF work 30%130 to 250ms LoAF work 13%100%
WordPress 2,303 sitesOver 250ms LoAF work 34%130 to 250ms LoAF work 31%80 to 130ms LoAF work 20%Under 80ms LoAF work 14%100%Long Animation Frame work or the platform
Does the platform explain the Long Animation Frame work difference?
On Wix, 100% of sites with 130 to 250ms of LoAF work Long Animation Frame work have a good INP, against 99% of Wix sites with under 80ms of LoAF work. Within Wix, sites with 130 to 250ms of LoAF work and under 80ms of LoAF work have a good INP about equally often. On WordPress, 100% of sites with 130 to 250ms of LoAF work Long Animation Frame work have a good INP, against 99% of WordPress sites with under 80ms of LoAF work. Within WordPress, sites with 130 to 250ms 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, 99% pass field INP at an 45ms median, compared with 97% (56ms 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 (99% good INP, 45ms median) versus 17.0% above 250ms (97% good INP, 56ms median).
By Arjen Karel · 9,570 crawled React sites (1,979 with desktop Chrome field data, 7,560 sites with Long Animation Frame work, October 2026). How we measured.