🎬 Lazy load iframes and videos

Hold off loading embeds — like YouTube videos or Google Maps — until customers actually scroll to them.

Who can use this feature?

Lazy load (iframes and videos) is available on the Pro and Expert plans.

What is Lazy load (iframes and videos)?

Embedded videos and maps are heavy. A single YouTube embed can pull in more data than your entire page. If you load them all at once, your store crawls.

With this on, embeds stay paused until customers scroll near them. The rest of your page loads quickly first.

This covers:

YouTube and Vimeo videos
Google Maps
Other iframe embeds

Why use Lazy load (iframes and videos)?

Cuts the heaviest page weight — a single video embed can outweigh your whole page; deferring it loads your content first.
Faster initial load — embeds wait until customers scroll near them.
Better Core Web Vitals — less upfront data means a quicker first paint.
No visual change — videos and maps still appear normally as customers reach them.

⚙️ How to use Lazy load (iframes and videos)

Step 1: Open Self-optimize

Go to Speed up → Self-optimize.

[Screenshot: Speed up page with Self-optimize tab open]

Step 2: Turn on Lazy load (iframes and videos)

Turn on Lazy load (iframes and videos).

[Screenshot: Lazy load iframes and videos toggle switched on]

Step 3: Apply to your theme

Click Speed up now and pick a theme to apply changes.

[Screenshot: Speed up now button and theme selection modal]

📌 Merchant Notes

Always click Speed up now after turning this on to apply the changes.
This is most impactful on pages with embedded videos or maps, which are the heaviest elements to load.
Covers YouTube, Vimeo, Google Maps, and other iframe embeds.
This feature requires the Pro or Expert plan.
For an overview of all optimization features, see Speed up.

Last updated 3 days ago