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 128ms (85% good INP) versus 96ms (97% good INP) under 80ms.
28.3% of Shopify sites use under 80ms of LoAF work Long Animation Frame work, and 97% of those sites have a good INP, against 93% of all Shopify sites.
INP pass rate
Sites with under 80ms of LoAF work Long Animation Frame work have a good INP most often: 97%, against 93% of all Shopify sites. Sites with over 250ms of LoAF work LoAF duration have it least often, at 85%.
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 92% of jQuery sites have a good INP, against 93% of all sites. On Vue, 29% of sites use 80 to 130ms of LoAF work, and 91% 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%92%
Vue 920 sites80 to 130ms LoAF work 29%130 to 250ms LoAF work 27%Over 250ms LoAF work 25%Under 80ms LoAF work 19%91%Long Animation Frame work or the framework
Does the framework explain the Long Animation Frame work difference?
On jQuery, 97% of sites with under 80ms of LoAF work Long Animation Frame work have a good INP, against 95% 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, 94% of sites with under 80ms of LoAF work Long Animation Frame work have a good INP, against 94% 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, 97% pass field INP at an 96ms median, compared with 85% (128ms 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 (97% good INP, 96ms median) versus 19.5% above 250ms (85% good INP, 128ms median).
By Arjen Karel · 8,246 crawled Shopify sites (5,825 with phone Chrome field data, 7,957 sites with Long Animation Frame work, October 2026). How we measured.