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 68ms (98% good INP) versus 51ms (100% good INP) under 80ms.
23.2% of Shopify sites use 130 to 250ms of LoAF work Long Animation Frame work, and 100% of those sites have a good INP, against 99% of all Shopify sites.
INP pass rate
Sites with 130 to 250ms of LoAF work Long Animation Frame work have a good INP most often: 100%, against 99% of all Shopify sites. Sites with over 250ms of LoAF work LoAF duration have it least often, at 98%.
Long Animation Frame work usage
80 to 130ms of LoAF work is the most used: 29.0% of Shopify sites. 130 to 250ms of LoAF work is 23.2% 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 99% of jQuery sites have a good INP, against 99% of all sites. On Vue, 29% of sites use 80 to 130ms of LoAF work, and 100% of Vue sites have a good INP.
Vue 920 sites80 to 130ms LoAF work 29%130 to 250ms LoAF work 27%Over 250ms LoAF work 25%Under 80ms LoAF work 19%100%
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%99%Long Animation Frame work or the framework
Does the framework explain the Long Animation Frame work difference?
On jQuery, 99% of sites with 130 to 250ms of LoAF work Long Animation Frame work have a good INP, against 99% of jQuery sites with 80 to 130ms of LoAF work. Within jQuery, sites with 130 to 250ms of LoAF work and 80 to 130ms of LoAF work have a good INP about equally often. On Vue, 100% of sites with 130 to 250ms of LoAF work Long Animation Frame work have a good INP, against 100% of Vue sites with 80 to 130ms of LoAF work. Within Vue, sites with 130 to 250ms 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, 100% pass field INP at an 51ms median, compared with 98% (68ms 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 (100% good INP, 51ms median) versus 19.5% above 250ms (98% good INP, 68ms median).
By Arjen Karel · 8,246 crawled Shopify sites (3,818 with desktop Chrome field data, 7,957 sites with Long Animation Frame work, October 2026). How we measured.