The State of Web Vitals

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 109ms (87% good INP) versus 85ms (92% good INP) under 80ms.

Field data PhoneDesktopAll Scope All sites October 2026 edition · Phone field outcomes · React sites only
React Scoped to 9,570 sites out of 210,902 analyzed (frameworks) Compare with all sites →

26.9% of React sites use 80 to 130ms of LoAF work Long Animation Frame work, and 93% of those sites have a good INP, against 92% of all React sites.

The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 5,488 with phone field data · 7,560 sites with Long Animation Frame workBy Arjen Karel · corewebvitals.io/state-of-cwv
1

INP pass rate

Sites with 80 to 130ms of LoAF work Long Animation Frame work have a good INP most often: 93%, against 92% of all React sites. Sites with over 250ms of LoAF work LoAF duration have it least often, at 87%.

SitesGood, needs improvement, poor INPMedian
All React sites5,48892%90ms
80 to 130ms LoAF work 26.9%1,18293%93ms
Under 80ms LoAF work 36.1%1,53192%85ms
130 to 250ms LoAF work 20.1%89092%102ms
Over 250ms LoAF work 17.0%77787%109ms
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 5,488 with phone field data · 7,560 sites with Long Animation Frame workBy Arjen Karel · corewebvitals.io/state-of-cwv
2

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.

Under 80ms LoAF work 36.1% 80 to 130ms LoAF work 26.9% 130 to 250ms LoAF work 20.1% Over 250ms LoAF work 17.0%
Under 80ms LoAF work 36.1% 80 to 130ms LoAF work 26.9% 130 to 250ms LoAF work 20.1% Over 250ms LoAF work 17.0%
The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 5,488 with phone field data · 7,560 sites with Long Animation Frame workBy Arjen Karel · corewebvitals.io/state-of-cwv
3

Long Animation Frame work per platform

On Wix, 51% of sites use under 80ms of LoAF work Long Animation Frame work, and 96% of Wix sites have a good INP, against 92% of all sites. On WordPress, 34% of sites use over 250ms of LoAF work, and 96% of WordPress sites have a good INP.

PlatformLong Animation Frame work on its sitesGood INP
React sites with Long Animation Frame work 7,560 sitesUnder 80ms LoAF work 36%80 to 130ms LoAF work 27%130 to 250ms LoAF work 20%Over 250ms LoAF work 17%92%
Wix 3,993 sitesUnder 80ms LoAF work 51%80 to 130ms LoAF work 30%130 to 250ms LoAF work 13%96%
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%96%
Under 80ms LoAF work 80 to 130ms LoAF work 130 to 250ms LoAF work Over 250ms LoAF work
The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 5,488 with phone field data · 7,560 sites with Long Animation Frame workBy Arjen Karel · corewebvitals.io/state-of-cwv
4

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 96% 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, 98% of sites with 80 to 130ms of LoAF work Long Animation Frame work have a good INP, against 97% 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, 92% pass field INP at an 85ms median, compared with 87% (109ms median) on the 17.0% (1,284) exceeding 250ms.

The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 5,488 with phone field data · 7,560 sites with Long Animation Frame workBy Arjen Karel · corewebvitals.io/state-of-cwv
5

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 (92% good INP, 85ms median) versus 17.0% above 250ms (87% good INP, 109ms median).

Go fix it HTML reflow and Core Web Vitals → The Long Animation Frames API → Yield to the main thread →
The State of Web Vitals · October 2026 · React: 9,570 crawled sites · 5,488 with phone field data · 7,560 sites with Long Animation Frame workBy Arjen Karel · corewebvitals.io/state-of-cwv
Related signals Interaction invoker types → Yielding strategy → CSS hints → INP phase breakdown → By Arjen Karel · 9,570 crawled React sites (5,488 with phone Chrome field data, 7,560 sites with Long Animation Frame work, October 2026) · How we measured