WordPress Long Animation Frame work and the Core Web Vitals

Sites with under 80ms of LoAF work Long Animation Frame work have a good INP most often: 100%, against 100% of all WordPress sites. Sites with 80 to 130ms of LoAF work LoAF duration have it least often, at 100%.

130 to 250ms of LoAF work is the most used: 29.9% of WordPress sites. Under 80ms of LoAF work is 16.7% of WordPress sites.

On jQuery, 30% of sites use 130 to 250ms of LoAF work Long Animation Frame work, and 100% of jQuery sites have a good INP, against 100% of all sites. On Vue, 34% of sites use 130 to 250ms of LoAF work, and 99% of Vue sites have a good INP.

FrameworkLong Animation Frame work on its sitesGood INP

WordPress sites with Long Animation Frame work 61,747 sites130 to 250ms LoAF work 30%80 to 130ms LoAF work 27%Over 250ms LoAF work 26%Under 80ms LoAF work 17%100%

jQuery 59,361 sites130 to 250ms LoAF work 30%80 to 130ms LoAF work 27%Over 250ms LoAF work 27%Under 80ms LoAF work 16%100%

React 2,196 sitesOver 250ms LoAF work 34%130 to 250ms LoAF work 31%80 to 130ms LoAF work 21%Under 80ms LoAF work 13%100%

Vue 4,815 sites130 to 250ms LoAF work 34%Over 250ms LoAF work 31%80 to 130ms LoAF work 23%Under 80ms LoAF work 12%99%

Alpine 364 sites80 to 130ms LoAF work 33%Over 250ms LoAF work 25%130 to 250ms LoAF work 23%Under 80ms LoAF work 20%99%

130 to 250ms LoAF work 80 to 130ms LoAF work Over 250ms LoAF work Under 80ms LoAF work

Does the framework explain the Long Animation Frame work difference?

On jQuery, 100% of sites with under 80ms of LoAF work Long Animation Frame work have a good INP, against 100% of jQuery sites with 130 to 250ms of LoAF work. Within jQuery, sites with under 80ms of LoAF work and 130 to 250ms of LoAF work have a good INP about equally often. On Vue, 99% of sites with under 80ms of LoAF work Long Animation Frame work have a good INP, against 100% of Vue sites with 130 to 250ms of LoAF work. Within Vue, sites with under 80ms of LoAF work and 130 to 250ms 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 10,303 sites (16.7%) with under 80ms of LoAF work, 100% pass field INP at an 47ms median, compared with 100% (51ms median) on the 26.1% (16,123) exceeding 250ms.