Shopify LCP image origin and the Core Web Vitals
Serving the hero image from your own domain versus an external image CDN: how a separate connection adds 83 ms of resource load delay (671 ms vs 588 ms) and when <link rel="preconnect"> pays it back.
94.1% of Shopify sites use first-party LCP image hosting, and 95% of those sites have a good LCP, against 95% of all Shopify sites.
LCP pass rate
Sites with first-party LCP image hosting have a good LCP most often: 95%, against 95% of all Shopify sites. Sites with third-party image hosting have it least often, at 90%.
LCP image hosting usage
First-party is the most used: 94.1% of Shopify sites.
Where third-party LCP images lose and win time: the four LCP phases
Across the four LCP sub-parts in Chrome's field data, the largest gap between first-party and third-party sits in resource load delay: 588 ms median for first-party against 671 ms for third-party. Overall median field LCP is 1.4s for first-party (TTFB 398 ms, load delay 588 ms, load duration 208 ms, render delay 304 ms) versus 1.6s for third-party.
LCP image origin combined with preconnect and priority hints
Combining first-party with Highprio reaches 96% good LCP across 1,493 sites (521 ms median load delay). At the other end, third-party paired with None sits at 89% across 189 sites (659 ms median load delay).
| Image origin | No priority hint | <link rel="preconnect"> | fetchpriority="high" | <link rel="preload"> |
|---|---|---|---|---|
| Same-origin / first-party | 95% 4,514 sites | 94% 46 sites | 96% 2,129 sites | few sites |
| Third-party domain | 89% 252 sites | 90% 123 sites | 94% 42 sites | few sites |
LCP image hosting per framework
Vue sets the LCP image hosting to first-party on 93% of its sites, and 94% of Vue sites have a good LCP, against 95% of all sites.
Vue 819 sitesSame-origin / first-party 93%94%
jQuery 2,748 sitesSame-origin / first-party 93%93%LCP image origin or the framework
Does the framework explain the LCP image hosting difference?
On jQuery, 93% of sites with first-party LCP image hosting have a good LCP, against 86% of jQuery sites with third-party. Within jQuery, sites with first-party have a good LCP more often.
Why third-party hero images pay a connection tax in resource load delay
When the LCP image lives on the same origin as the HTML document, the browser reuses the open HTTP/2 or HTTP/3 connection immediately. When the image sits on a separate domain, Chrome must resolve DNS, complete a TCP or QUIC handshake, and negotiate TLS before requesting the first image byte. That handshake shows up directly in Chrome's field data: third-party LCP images have a 671 ms median resource load delay compared with 588 ms for first-party images (83 ms slower to start), even though dedicated image CDNs finish the download slightly faster (202 ms vs 208 ms).
Understanding LCP image origin
Serve your hero banner from Shopify's built-in first-party CDN path (/cdn/shop/files/...) instead of an external host. Across Shopify stores, 94.1% use Shopify's first-party CDN path and reach 95% good LCP (1.3s median), while stores loading the hero from a third-party domain drop to 90% good LCP (1.6s median).
By Arjen Karel · 8,246 crawled Shopify sites (5,825 with phone Chrome field data, 7,125 sites with LCP image hosting, October 2026). How we measured.