🖼️ Lazy load images

Only load pictures when customers scroll near them — so your page opens faster.

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

Normally, a browser tries to load every image on the page at once, even the ones way down at the bottom. That slows everything down.

With lazy load on, images stay paused until a customer scrolls close to them. Pages with lots of photos feel much snappier.

This works on images in:

Faster initial load — the browser only loads images customers can actually see.
Big win for image-heavy stores — long, photo-rich pages feel much snappier.
Better Core Web Vitals — less upfront work means a quicker first paint.
No visual change — images still appear normally as customers scroll; they just load on demand.

Go to Speed up → Self-optimize.

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

Turn on Lazy load (images).

[Screenshot: feature toggle switched on]

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

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

To check it's working, open your store and look at any image in the page source — it should have loading="lazy" on it.

[Screenshot: browser inspector showing loading="lazy" attribute on an image tag]

Images at the top of your page (the first thing customers see) still load right away — no delay.
Always click Speed up now after turning this on to apply the changes.
The biggest gains come on image-heavy pages with lots of photos below the fold.
This feature requires the Pro or Expert plan.
For an overview of all optimization features, see Speed up.

Last updated 3 days ago