Shopify Long Animation Frame work and the Core Web Vitals
19.5% of audited sites (1,550) record over 250ms of work inside Long Animation Frames, pushing median field INP to 112ms (91% good INP) versus 87ms (98% good INP) under 80ms.
28.3% of Shopify sites use under 80ms of LoAF work Long Animation Frame work, and 98% of those sites have a good INP, against 96% of all Shopify sites.
INP pass rate
Sites with under 80ms of LoAF work Long Animation Frame work have a good INP most often: 98%, against 96% of all Shopify sites. Sites with over 250ms of LoAF work LoAF duration have it least often, at 91%.
Long Animation Frame work usage
80 to 130ms of LoAF work is the most used: 29.0% of Shopify sites. Under 80ms of LoAF work is 28.3% of Shopify sites.
Long Animation Frame work per framework
On jQuery, 27% of sites use 80 to 130ms of LoAF work Long Animation Frame work, and 95% of jQuery sites have a good INP, against 96% of all sites. On Vue, 29% of sites use 80 to 130ms of LoAF work, and 94% of Vue sites have a good INP.
jQuery 3,085 sites80 to 130ms LoAF work 27%Under 80ms LoAF work 26%130 to 250ms LoAF work 24%Over 250ms LoAF work 24%95%
Vue 920 sites80 to 130ms LoAF work 29%130 to 250ms LoAF work 27%Over 250ms LoAF work 25%Under 80ms LoAF work 19%94%Long Animation Frame work or the framework
Does the framework explain the Long Animation Frame work difference?
On jQuery, 98% of sites with under 80ms of LoAF work Long Animation Frame work have a good INP, against 97% of jQuery sites with 80 to 130ms of LoAF work. Within jQuery, sites with under 80ms of LoAF work and 80 to 130ms of LoAF work have a good INP about equally often. On Vue, 96% of sites with under 80ms of LoAF work Long Animation Frame work have a good INP, against 96% of Vue sites with 80 to 130ms of LoAF work. Within Vue, sites with under 80ms of LoAF work and 80 to 130ms 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,255 sites (28.3%) with under 80ms of LoAF work, 98% pass field INP at an 87ms median, compared with 91% (112ms median) on the 19.5% (1,550) 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, 28.3% stay under 80ms of LoAF work (98% good INP, 87ms median) versus 19.5% above 250ms (91% good INP, 112ms median).
By Arjen Karel · 8,246 crawled Shopify sites (8,062 with all devices Chrome field data, 7,957 sites with Long Animation Frame work, October 2026). How we measured.