Shopify total JavaScript payload and the Core Web Vitals
58.0% of audited sites (4,782) transfer over 1 MB of JavaScript. Median field INP climbs from 71ms under 250 KB (100% good INP) to 110ms above 1 MB (94% good INP).
16.2% of Shopify sites use 250 to 550 KB of JavaScript total JavaScript payload, and 99% of those sites have a good INP, against 96% of all Shopify sites.
1.3% of Shopify sites use under 250 KB of JavaScript total JavaScript payload, and 100% of those sites have a good LCP, against 96% of all Shopify sites.
Core Web Vitals pass rate
Sites with 250 to 550 KB of JavaScript total JavaScript payload have a good INP most often: 99%, against 96% of all Shopify sites. Sites with over 1 MB of JavaScript JS payload have it least often, at 94%.
Sites with under 250 KB of JavaScript total JavaScript payload have a good LCP most often: 100%, against 96% of all Shopify sites. Sites with over 1 MB of JavaScript JS payload have it least often, at 95%.
Total JavaScript payload usage
Over 1 MB of JavaScript is the most used: 58.0% of Shopify sites. 250 to 550 KB of JavaScript is 16.2% of Shopify sites.
Total JavaScript payload per framework
On jQuery, 67% of sites use over 1 MB of JavaScript total JavaScript payload, and 95% of jQuery sites have a good INP, against 96% of all sites. On Vue, 77% of sites use over 1 MB of JavaScript, and 94% of Vue sites have a good INP.
On jQuery, 67% of sites use over 1 MB of JavaScript total JavaScript payload, and 94% of jQuery sites have a good LCP, against 96% of all sites. On Vue, 77% of sites use over 1 MB of JavaScript, and 95% of Vue sites have a good LCP.
Total JavaScript payload or the framework
Does the framework explain the total JavaScript payload difference?
On jQuery, 99% of sites with 250 to 550 KB of JavaScript total JavaScript payload have a good INP, against 94% of jQuery sites with over 1 MB of JavaScript. Within jQuery, sites with 250 to 550 KB of JavaScript have a good INP more often. On Vue, 93% of sites with over 1 MB of JavaScript total JavaScript payload have a good INP, against 99% of Vue sites with 550 KB to 1 MB of JavaScript. Within Vue, sites with over 1 MB of JavaScript have a good INP less often.
On jQuery, 92% of sites with over 1 MB of JavaScript total JavaScript payload have a good LCP, against 96% of jQuery sites with 550 KB to 1 MB of JavaScript. Within jQuery, sites with over 1 MB of JavaScript have a good LCP less often. On Vue, 94% of sites with over 1 MB of JavaScript total JavaScript payload have a good LCP, against 98% of Vue sites with 550 KB to 1 MB of JavaScript. Within Vue, sites with over 1 MB of JavaScript and 550 KB to 1 MB of JavaScript have a good LCP about equally often.
Why total script weight taxes main-thread responsiveness
Every kilobyte of JavaScript downloaded over the network must be decompressed, parsed, compiled, and evaluated on the CPU. Across 1,339 sites (16.2%) shipping 250 to 550 KB of scripts, 99% pass field INP at an 80ms median, whereas the 58.0% (4,782) shipping over 1 MB drop to 94% good INP (110ms median).
Understanding total JavaScript payload
Keep total JavaScript transfer below 550 KB by route-splitting framework bundles, auditing tag-manager containers, and loading interactive widgets on demand. Across all audited sites, 16.2% transfer 250 to 550 KB (99% good INP, 80ms median) versus 58.0% above 1 MB (94% good INP, 110ms median).
By Arjen Karel · 8,246 crawled Shopify sites (8,062 with all devices Chrome field data, October 2026). How we measured.