Shopify audio and video payload and the Core Web Vitals

Sites with over 3 MB of audio/video media audio and video payload have a good LCP most often: 97%, against 97% of all Shopify sites. Sites with under 500 KB of audio/video media media payload have it least often, at 96%.

Sites with no audio or video requests audio and video payload have a good INP most often: 100%, against 99% of all Shopify sites. Sites with under 500 KB of audio/video media media payload have it least often, at 99%.

No audio or video requests is the most used: 78.1% of Shopify sites. Over 3 MB of audio/video media is 8.1% of Shopify sites.

Across the four LCP sub-parts in Chrome's field data, the largest gap between over 3 MB of audio/video media and under 500 KB of audio/video media sits in element render delay: 337 ms median for over 3 MB of audio/video media against 362 ms for under 500 KB of audio/video media. Overall median field LCP is 1.4s for over 3 MB of audio/video media (TTFB 321 ms, load delay 653 ms, load duration 131 ms, render delay 337 ms) versus 1.4s for under 500 KB of audio/video media.

Across the four LCP sub-parts in Chrome's field data, the largest gap between over 3 MB of audio/video media and under 500 KB of audio/video media sits in element render delay: 337 ms median for over 3 MB of audio/video media against 362 ms for under 500 KB of audio/video media. Overall median field LCP is 1.4s for over 3 MB of audio/video media (TTFB 321 ms, load delay 653 ms, load duration 131 ms, render delay 337 ms) versus 1.4s for under 500 KB of audio/video media.

On jQuery, 80% of sites use no audio or video requests audio and video payload, and 95% of jQuery sites have a good LCP, against 97% of all sites. On Vue, 73% of sites use no audio or video requests, and 97% of Vue sites have a good LCP.

On jQuery, 80% of sites use no audio or video requests audio and video payload, and 99% of jQuery sites have a good INP, against 99% of all sites. On Vue, 73% of sites use no audio or video requests, and 100% of Vue sites have a good INP.

FrameworkAudio and video payload on its sitesGood LCP

All Shopify sites 8,246 sitesNo audio/video media 78%Light media (under 500 KB) 12%97%

Vue 933 sitesNo audio/video media 73%Light media (under 500 KB) 14%Heavy media (over 3 MB) 10%97%

jQuery 3,153 sitesNo audio/video media 80%Light media (under 500 KB) 11%95%

No audio/video media Light media (under 500 KB) Heavy media (over 3 MB) Medium media (500 KB to 3 MB)

Does the framework explain the audio and video payload difference?

On jQuery, 96% of sites with over 3 MB of audio/video media audio and video payload have a good LCP, against 95% of jQuery sites with no audio or video requests. Within jQuery, sites with over 3 MB of audio/video media and no audio or video requests have a good LCP about equally often. On Vue, 96% of sites with no audio or video requests audio and video payload have a good LCP, against 97% of Vue sites with under 500 KB of audio/video media. Within Vue, sites with no audio or video requests and under 500 KB of audio/video media have a good LCP about equally often.

On jQuery, 99% of sites with no audio or video requests audio and video payload have a good INP, against 100% of jQuery sites with under 500 KB of audio/video media. Within jQuery, sites with no audio or video requests and under 500 KB of audio/video media have a good INP about equally often. On Vue, 100% of sites with no audio or video requests audio and video payload have a good INP, against 99% of Vue sites with under 500 KB of audio/video media. Within Vue, sites with no audio or video requests and under 500 KB of audio/video media have a good INP about equally often.

How autoplaying video streams saturate initial bandwidth

When a <video> tag loads without preload="none" or an optimized poster image, the browser fetches megabytes of video segments concurrently with critical stylesheets and hero assets. Across 6,439 sites (78.1%) with no initial media requests, 97% pass field LCP at a 1.2s median, versus 96% (1.4s median) under 500 KB and 97% (1.3s median) above 3 MB.