Video Optimization
Video optimization refers to techniques for embedding and delivering video content on web pages without degrading load performance. Best practices include lazy loading videos, using the correct embed method, serving in modern formats (MP4/WebM), and avoiding autoplay on mobile.
Why It Matters for Shopify Stores
A 10MB product video autoloading on a mobile product page can destroy Core Web Vitals scores and drain mobile data. Shopify stores using product videos should: host on Shopify (not direct self-hosted files), use the video element with poster images, disable autoplay on mobile, and consider lazy loading the video iframe. YouTube or Vimeo embeds that eagerly load can significantly increase Time to Interactive due to their heavy JavaScript payloads.
How to Check Your Store
Check product pages with videos in Chrome DevTools Network tab. Are video files loading immediately, or only when scrolled into view? How large are the video files?
Use the free shopify speed test toolHow to Fix It
Use the HTML5 video element with a poster image. Add loading='lazy' to video iframes. Disable autoplay, or use autoplay only with muted and playsinline attributes. For product videos, consider Shopify's native media support.
Related Terms
Page Weight
PerformancePage weight is the total size of all resources required to load a web page — HTML, CSS, JavaScript, images, fonts, and other assets.
LCP (Largest Contentful Paint)
Core Web VitalsLargest Contentful Paint measures how long it takes for the largest visible content element on a page — usually a hero image or headline — to finish loading.
Lazy Loading
PerformanceLazy loading is a technique where images and other resources are only loaded when they're about to enter the user's viewport — rather than all at once when the page first loads.
Image Optimization
PerformanceImage optimization is the process of reducing image file size without significantly reducing visual quality, while ensuring images are the correct format (WebP), dimensions, and compression for their use case.
Check your store's Video Optimization with our free tools
Get a full audit across all 6 performance categories — including performance — in under 60 seconds.
Run a Free Store Audit