The State of Web Vitals

Shopify video and audio hosting sources and the Core Web Vitals

Among sites embedding <video> or <audio> media, 50.3% (909) stream from dedicated external media CDNs and reach 93% good LCP (1.5s median), while the 57.6% (1,041) serving media directly from their own origin record 94% good LCP (1.4s median).

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

57.6% of Shopify sites use self-hosted media video and audio media source, and 94% of those sites have a good LCP, against 95% of all Shopify sites.

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field data · 1,807 sites with video and audio media sourceBy Arjen Karel · corewebvitals.io/state-of-cwv
1

LCP pass rate

Sites with self-hosted media video and audio media source have a good LCP most often: 94%, against 95% of all Shopify sites. Sites with CDN-hosted media media source have it least often, at 93%.

SitesGood, needs improvement, poor LCPMedian
All Shopify sites5,82595%1.4s
Self-hosted (same origin) 57.6%77494%1.4s
External media CDN / host 50.3%68593%1.5s
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field data · 1,807 sites with video and audio media sourceBy Arjen Karel · corewebvitals.io/state-of-cwv
2

Video and audio media source usage

Self-hosted media is the most used: 57.6% of Shopify sites.

Sites using each option (sites can use more than one) 1,807 sites
Self-hosted (same origin) 57.6% External media CDN / host 50.3%
Self-hosted (same origin) 57.6% External media CDN / host 50.3%
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field data · 1,807 sites with video and audio media sourceBy Arjen Karel · corewebvitals.io/state-of-cwv
3

LCP phase breakdown by video and audio hosting source

Across the four LCP sub-parts in Chrome's field data, the largest gap between self-hosted media and CDN-hosted media sits in resource load delay: 582 ms median for self-hosted media against 655 ms for CDN-hosted media. Overall median field LCP is 1.5s for self-hosted media (TTFB 418 ms, load delay 582 ms, load duration 191 ms, render delay 372 ms) versus 1.6s for CDN-hosted media.

Median LCP phase breakdown (Chrome field p75) Load delay Median LCP
Shopify sites with video and audio media source 1,180414 ms612 ms190 ms378 ms612 mslab 615 ms1.5s
Self-hosted (same origin) 687418 ms582 ms191 ms372 ms582 mslab 590 ms1.5s
External media CDN / host 599411 ms655 ms186 ms385 ms655 mslab 658 ms1.6s
TTFB Resource load delay Resource load time Element render delay
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field data · 1,807 sites with video and audio media sourceBy Arjen Karel · corewebvitals.io/state-of-cwv
4

Video and audio media source per framework

On jQuery, 62% of sites use CDN-hosted media video and audio media source, and 93% of jQuery sites have a good LCP, against 95% of all sites.

FrameworkVideo and audio media source on its sitesGood LCP
Shopify sites with video and audio media source 1,807 sitesSelf-hosted (same origin) 58%External media CDN / host 50%95%
jQuery 631 sitesExternal media CDN / host 62%Self-hosted (same origin) 46%93%
Self-hosted (same origin) External media CDN / host
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field data · 1,807 sites with video and audio media sourceBy Arjen Karel · corewebvitals.io/state-of-cwv
5

Media hosting source or the framework

Does the framework explain the video and audio media source difference?

On jQuery, 92% of sites with self-hosted media video and audio media source have a good LCP, against 90% of jQuery sites with CDN-hosted media. Within jQuery, sites with self-hosted media and CDN-hosted media have a good LCP about equally often.

Why streaming large video files from the primary origin saturates LCP bandwidth

Unlike small images or fonts, a single hero <video> file often weighs several megabytes. Serving heavy MP4/WebM streams from the same origin (57.6% of media-using sites, 1,041) can saturate origin bandwidth and contend with critical CSS and hero poster images, resulting in 94% good LCP (1.4s median). Offloading video streams to a dedicated media CDN (50.3% of media-using sites, 909) lifts good LCP to 93% (1.5s median).

The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field data · 1,807 sites with video and audio media sourceBy Arjen Karel · corewebvitals.io/state-of-cwv
6

Understanding video and audio hosting sources

Serve <video> files from a dedicated edge CDN with HTTP range-request streaming, set preload="none" or preload="metadata" on non-hero videos, and provide a lightweight WebP/AVIF poster image for above-the-fold videos. Across all media-using sites, 50.3% use external media CDNs (93% good LCP) versus 57.6% self-hosting on origin (94% good LCP).

Go fix it Perfect YouTube Core Web Vitals →
The State of Web Vitals · October 2026 · Shopify: 8,246 crawled sites · 5,825 with phone field data · 1,807 sites with video and audio media sourceBy Arjen Karel · corewebvitals.io/state-of-cwv
Related signals font-display strategy → Preloaded fonts → Uses @import → Stylesheet loading mix → By Arjen Karel · 8,246 crawled Shopify sites (5,825 with phone Chrome field data, 1,807 sites with video and audio media source, October 2026) · How we measured