The State of Web Vitals

Shopify image hosting origins and the Core Web Vitals

99.2% of audited sites (8,174) serve images from their own origin (96% good LCP, 1.3s median), 82.0% load images from external domains or CDNs (95% good LCP), and 10.5% inline base64 data-URI images (93% good LCP, 1.5s median).

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 →

99.2% of Shopify sites use same-origin images image hosting origin, 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,240 sites with image hosting originBy Arjen Karel · corewebvitals.io/state-of-cwv
1

LCP pass rate

Sites with same-origin images image hosting origin have a good LCP most often: 96%, against 96% of all Shopify sites. Sites with inline data-URI images image origin have it least often, at 93%.

SitesGood, needs improvement, poor LCPMedian
All Shopify sites8,06296%1.3s
Same-origin (self-hosted) 99.2%7,99396%1.3s
Cross-origin / external CDN 82.0%6,62095%1.4s
Inline data: URI images 10.5%85193%1.5s
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,240 sites with image hosting originBy Arjen Karel · corewebvitals.io/state-of-cwv
2

Image hosting origin usage

Same-origin images is the most used: 99.2% of Shopify sites.

Sites using each option (sites can use more than one) 8,240 sites
Same-origin (self-hosted) 99.2% Cross-origin / external CDN 82.0%
Same-origin (self-hosted) 99.2% Cross-origin / external CDN 82.0% Inline data: URI images 10.5%
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,240 sites with image hosting originBy Arjen Karel · corewebvitals.io/state-of-cwv
3

LCP phase breakdown by image hosting source

Across the four LCP sub-parts in Chrome's field data, the largest gap between same-origin images and inline data-URI images sits in resource load delay: 589 ms median for same-origin images against 778 ms for inline data-URI images. Overall median field LCP is 1.3s for same-origin images (TTFB 389 ms, load delay 589 ms, load duration 208 ms, render delay 298 ms) versus 1.6s for inline data-URI images.

Median LCP phase breakdown (Chrome field p75) Load delay Median LCP
Shopify sites with image hosting origin 6,989389 ms589 ms208 ms298 ms589 mslab 589 ms1.3s
Same-origin (self-hosted) 6,942389 ms589 ms208 ms298 ms589 mslab 589 ms1.3s
Cross-origin / external CDN 5,789397 ms606 ms205 ms316 ms606 mslab 606 ms1.4s
Inline data: URI images 759401 ms778 ms197 ms365 ms778 mslab 778 ms1.6s
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,240 sites with image hosting originBy Arjen Karel · corewebvitals.io/state-of-cwv
4

Image hosting origin per framework

Vue sets the image hosting origin to same-origin images on 99% of its sites, and 95% of Vue sites have a good LCP, against 96% of all sites.

FrameworkImage hosting origin on its sitesGood LCP
Shopify sites with image hosting origin 8,240 sitesSame-origin (self-hosted) 99%Cross-origin / external CDN 82%Inline data: URI images 10%96%
Vue 933 sitesSame-origin (self-hosted) 99%Cross-origin / external CDN 93%Inline data: URI images 12%95%
jQuery 3,149 sitesSame-origin (self-hosted) 99%Cross-origin / external CDN 88%Inline data: URI images 17%94%
Same-origin (self-hosted) Cross-origin / external CDN Inline data: URI images
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,240 sites with image hosting originBy Arjen Karel · corewebvitals.io/state-of-cwv
5

Image hosting origin or the framework

Does the framework explain the image hosting origin difference?

On jQuery, 94% of sites with same-origin images image hosting origin have a good LCP, against 93% of jQuery sites with cross-origin images. Within jQuery, sites with same-origin images and cross-origin images have a good LCP about equally often. On Vue, 96% of sites with same-origin images image hosting origin have a good LCP, against 95% of Vue sites with cross-origin images. Within Vue, sites with same-origin images and cross-origin images have a good LCP about equally often.

Why base64 inline data-URI images bloat HTML and delay LCP

Serving images from the same origin (99.2% of sites, 8,174) reuses the primary HTTP/2 or HTTP/3 connection (96% good LCP, 1.3s median). Cross-origin images (82.0%, 95% good LCP) include both dedicated media CDNs and external third-party pixels. Inlining images as base64 data: URIs (10.5% of sites, 865) inflates HTML/CSS byte size by ~33% and blocks the parser, dropping good LCP to 93% (1.5s median).

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,240 sites with image hosting originBy Arjen Karel · corewebvitals.io/state-of-cwv
6

Understanding image hosting origins

Serve images from your primary origin to share the main connection, or add <link rel="preconnect"> if you use a dedicated cross-origin image CDN, and avoid base64 data: URIs for anything larger than tiny CSS icons. Across all audited sites, 99.2% use same-origin images (96% good LCP) while 10.5% inline data: URIs (93% good LCP).

Go fix it Optimize images for Core Web Vitals → Third-party domains →
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 8,062 with all devices field data · 8,240 sites with image hosting originBy Arjen Karel · corewebvitals.io/state-of-cwv
Related signals Bytes by resource type → Images per page → DOM size → Iframes per page → By Arjen Karel · 8,246 crawled Shopify sites (8,062 with all devices Chrome field data, 8,240 sites with image hosting origin, October 2026) · How we measured