Long Animation Frame work and the Core Web Vitals

19.8% of audited sites (36,117) record over 250ms of work inside Long Animation Frames, pushing median field INP to 92ms (94% good INP) versus 84ms (95% good INP) under 80ms.

Field data PhoneDesktopAll Scope All sites October 2026 edition · All devices field outcomes

25.7% of sites use 130 to 250ms of LoAF work Long Animation Frame work, and 96% of those sites have a good INP, against 95% of all sites.

The State of Web Vitals · October 2026 · 210,902 crawled sites · 196,263 with all devices field data · 182,326 sites with Long Animation Frame workBy Arjen Karel · corewebvitals.io/state-of-cwv
1

INP pass rate

Sites with 130 to 250ms of LoAF work Long Animation Frame work have a good INP most often: 96%, against 95% of all sites. Sites with over 250ms of LoAF work LoAF duration have it least often, at 94%.

SitesGood, needs improvement, poor INPMedian
All sites196,26395%87ms
130 to 250ms LoAF work 25.7%45,19396%87ms
80 to 130ms LoAF work 30.2%52,97296%85ms
Under 80ms LoAF work 24.3%42,47895%84ms
Over 250ms LoAF work 19.8%34,92694%92ms
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · 210,902 crawled sites · 196,263 with all devices field data · 182,326 sites with Long Animation Frame workBy Arjen Karel · corewebvitals.io/state-of-cwv
2

Long Animation Frame work usage

80 to 130ms of LoAF work is the most used: 30.2% of sites. 130 to 250ms of LoAF work is 25.7% of sites.

80 to 130ms LoAF work 30.2% 130 to 250ms LoAF work 25.7% Under 80ms LoAF work 24.3% Over 250ms LoAF work 19.8%
80 to 130ms LoAF work 30.2% 130 to 250ms LoAF work 25.7% Under 80ms LoAF work 24.3% Over 250ms LoAF work 19.8%
The State of Web Vitals · October 2026 · 210,902 crawled sites · 196,263 with all devices field data · 182,326 sites with Long Animation Frame workBy Arjen Karel · corewebvitals.io/state-of-cwv
3

Understanding Long Animation Frame work

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 44,281 sites (24.3%) with under 80ms of LoAF work, 95% pass field INP at an 84ms median, compared with 94% (92ms median) on the 19.8% (36,117) exceeding 250ms.

Eliminate synchronous layout reads after DOM writes (forced reflows) and break long script evaluation tasks into smaller chunks. Across all audited sites, 24.3% stay under 80ms of LoAF work (95% good INP, 84ms median) versus 19.8% above 250ms (94% good INP, 92ms median).

The State of Web Vitals · October 2026 · 210,902 crawled sites · 196,263 with all devices field data · 182,326 sites with Long Animation Frame workBy Arjen Karel · corewebvitals.io/state-of-cwv
Platform & Framework Takeaways

How Long Animation Frame work plays out per platform

What the field data shows when you isolate a single CMS or framework.

Shopify 8,277 sites
98% vs 91% good INP (< 80ms vs > 250ms LoAF)

Shopify stores over 250ms of LoAF work pass field INP 7 points less often than stores under 80ms.

Across Shopify storefronts, 28% record under 80ms of LoAF work (98% INP pass rate, 87ms median), 29% sit between 80 and 130ms (97%), and 19% exceed 250ms (91% pass rate, 112ms median).

Explore Shopify LoAF breakdown →
React 7,560 sites
63% sites under 130ms LoAF work

63% of React sites record under 130ms of Long Animation Frame work.

Across React sites, 36% record under 80ms of LoAF work (95% INP pass rate, 77ms median) and 27% record 80 to 130ms (96%), compared with 92% (94ms median) on the 17% exceeding 250ms.

Explore React LoAF breakdown →
Related signals Interaction invoker types → Yielding strategy → CSS hints → INP phase breakdown → By Arjen Karel · 210,902 crawled sites (196,263 with all devices Chrome field data, 182,326 sites with Long Animation Frame work, October 2026) · How we measured