The State of Web Vitals

Shopify script loading attributes and the Core Web Vitals

29.9% of audited sites (2,463) still execute render-blocking synchronous scripts and drop to 94% good LCP (1.5s median), compared to 96% good LCP on sites using async (99.9%) and 96% on ES modules (99.5%).

Field data PhoneDesktopAll Scope All sites October 2026 edition · All devices field outcomes · Shopify sites only
Shopify Scoped to 8,248 sites out of 203,892 analyzed (cms) Compare with all sites →
LCP Loading INP Interaction

99.5% of Shopify sites use ES module scripts script loading strategy, and 96% of those sites have a good LCP, against 96% of all Shopify sites.

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,243 sites with script loading strategyBy Arjen Karel · corewebvitals.io/state-of-cwv
1

Core Web Vitals pass rate

Sites with ES module scripts script loading strategy have a good LCP most often: 96%, against 96% of all Shopify sites. Sites with dynamically injected scripts script loading have it least often, at 93%.

SitesGood, needs improvement, poor LCPMedian
All Shopify sites8,06296%1.3s
ES module (<script type="module">) 99.5%8,02196%1.3s
Deferred (<script defer>) 99.6%8,02796%1.3s
Inline <script> blocks 99.9%8,05896%1.3s
Async (<script async>) 99.9%8,05696%1.3s
Render-blocking (<script src>) 29.9%2,42694%1.5s
Dynamic / script-injected 32.1%2,59793%1.5s
Legacy fallback (<script nomodule>) 0.3%2171%1.7s
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,243 sites with script loading strategyBy Arjen Karel · corewebvitals.io/state-of-cwv
2

Script loading strategy usage

Inline scripts is the most used: 99.9% of Shopify sites. ES module scripts is 99.5% of Shopify sites.

Sites using each option (sites can use more than one) 8,243 sites
Inline <script> blocks 99.9% Async (<script async>) 99.9% Deferred (<script defer>) 99.6% ES module (<script type="module">) 99.5%
Inline <script> blocks 99.9% Async (<script async>) 99.9% Deferred (<script defer>) 99.6% ES module (<script type="module">) 99.5% Dynamic / script-injected 32.1% Render-blocking (<script src>) 29.9% Legacy fallback (<script nomodule>) 0.3%
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,243 sites with script loading strategyBy Arjen Karel · corewebvitals.io/state-of-cwv
3

LCP phase breakdown by script loading attribute

Across the four LCP sub-parts in Chrome's field data, the largest gap between ES module scripts and dynamically injected scripts sits in resource load delay: 589 ms median for ES module scripts against 684 ms for dynamically injected scripts. Overall median field LCP is 1.3s for ES module scripts (TTFB 389 ms, load delay 589 ms, load duration 208 ms, render delay 298 ms) versus 1.5s for dynamically injected scripts.

Median LCP phase breakdown (Chrome field p75) Load delay Median LCP
Shopify sites with script loading strategy 6,989389 ms589 ms208 ms298 ms589 mslab 589 ms1.3s
Deferred (<script defer>) 6,961389 ms589 ms208 ms298 ms589 mslab 589 ms1.3s
ES module (<script type="module">) 6,959389 ms589 ms208 ms298 ms589 mslab 589 ms1.3s
Inline <script> blocks 6,988389 ms589 ms208 ms298 ms589 mslab 589 ms1.3s
Async (<script async>) 6,987389 ms589 ms208 ms298 ms589 mslab 589 ms1.3s
Dynamic / script-injected 2,245400 ms684 ms199 ms350 ms684 mslab 684 ms1.5s
Render-blocking (<script src>) 2,154397 ms712 ms357 ms712 mslab 712 ms1.5s
TTFB Resource load delay Resource load time Element render delay
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,243 sites with script loading strategyBy Arjen Karel · corewebvitals.io/state-of-cwv
4

Script loading strategy per framework

Vue sets the script loading strategy to ES module scripts on 100% of its sites, and 95% of Vue sites have a good LCP, against 96% of all sites. jQuery sets the script loading strategy to inline scripts on 100% of its sites, and 94% of jQuery sites have a good LCP.

FrameworkScript loading strategy on its sitesGood LCP
Shopify sites with script loading strategy 8,243 sitesInline <script> blocks 100%Async (<script async>) 100%Deferred (<script defer>) 100%ES module (<script type="module">) 100%Dynamic / script-injected 32%Render-blocking (<script src>) 30%96%
Vue 933 sitesInline <script> blocks 100%ES module (<script type="module">) 100%Deferred (<script defer>) 100%Async (<script async>) 100%Dynamic / script-injected 38%Render-blocking (<script src>) 34%95%
jQuery 3,150 sitesInline <script> blocks 100%Async (<script async>) 100%Deferred (<script defer>) 100%ES module (<script type="module">) 99%Render-blocking (<script src>) 51%Dynamic / script-injected 49%94%
Inline <script> blocks Async (<script async>) Deferred (<script defer>) ES module (<script type="module">) Dynamic / script-injected Render-blocking (<script src>) Legacy fallback (<script nomodule>)
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,243 sites with script loading strategyBy Arjen Karel · corewebvitals.io/state-of-cwv
5

Script loading attributes or the framework

Does the framework explain the script loading strategy difference?

On jQuery, 94% of sites with ES module scripts script loading strategy have a good LCP, against 94% of jQuery sites with inline scripts. Within jQuery, sites with ES module scripts and inline scripts have a good LCP about equally often. On Vue, 95% of sites with ES module scripts script loading strategy have a good LCP, against 95% of Vue sites with inline scripts. Within Vue, sites with ES module scripts and inline scripts have a good LCP about equally often.

How synchronous blocking <script> tags halt the HTML parser before LCP

When the HTML parser hits a synchronous <script src> tag without async, defer, or type="module", it must pause DOM construction, wait for the network download, and execute the script before painting. Across 2,463 sites (29.9%) with render-blocking scripts, good LCP drops to 94% (1.5s median). Sites loading scripts with async (99.9%), defer (99.6%), or type="module" (99.5%) reach 96%, 96%, and 96% good LCP.

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,243 sites with script loading strategyBy Arjen Karel · corewebvitals.io/state-of-cwv
6

Understanding script loading attributes

Add defer or type="module" to all first-party application scripts and async to independent third-party tags so zero synchronous <script src> tags block the HTML parser in <head>. Across all audited sites, 29.9% ship render-blocking scripts (94% good LCP, 1.5s median).

Go fix it async vs defer → 14 methods to defer JavaScript → Head vs footer JavaScript →
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,243 sites with script loading strategyBy Arjen Karel · corewebvitals.io/state-of-cwv
Related signals Cookies per site → Uses @import → DOM size → Images per page → By Arjen Karel · 8,246 crawled Shopify sites (8,062 with all devices Chrome field data, 8,243 sites with script loading strategy, October 2026) · How we measured