Skip to content

Lazy loading

Videos are heavy. Loading them eagerly on every page request kills page-speed scores and wastes customer bandwidth. Mediaverse defers loading until the asset enters the viewport.

  • Embed iframes (YouTube, Vimeo, etc.) — replaced by a thumbnail + play overlay until the customer clicks play
  • HTML5 <video> elements — loaded on demand when scrolled into view

Lazy loading is toggled per page type:

  • Settings → System → System Config → Product videos → General settings → Lazy load in listing — category and search grids
  • Settings → System → System Config → Product videos → General settings → Lazy load in CMS — Shopping Experiences

Product detail pages always use lazy loading for sources you have not explicitly allowed in Settings → System → System Config → Product videos → Embedding settings → Product details page → Load iframe immediately.

If a page absolutely needs the iframe to load immediately (e.g. a hero video on a landing page), enable eager loading for that source in Embedding settings → {page type} → Load iframe immediately — separately per page type:

  • Product details page
  • Listings
  • CMS