Image Audit & Lazy-Load Wizard

Every image on your Shopify store is a Core Web Vitals lever. A lazy-loaded LCP image can cost you 2–4 seconds. A missing width / height creates layout shift. A 4× oversized JPEG silently inflates your page weight. This free tool walks through every <img> on your page, flags the issues, and helps you fix them.

What it checks

• LCP image — is it the right one? Is it lazy-loaded when it should be eager? Does it use fetchpriority="high" ? Is it a modern format (WebP / AVIF)?
• Above-fold images — do they have explicit dimensions to avoid CLS?
• Below-fold images — are they lazy-loaded to defer network cost? Are they oversized?
• Legacy lazy-load patterns — data-src , lazysizes.js, class-based hints (these are slower than native loading="lazy" ).
• Shopify app assets — identify images served from cdn.shopify.com/extensions so you know what you can and can’t edit.

Then it fixes them

For any image with an issue, click Fix this image . The wizard sends the image inventory, your page HTML, and (optionally) your uploaded theme zip to a multi-model fusion pipeline — gpt-oss-120b, Xiaomi MiMo v2.5 Pro, and DeepSeek V4 Flash, synthesised by GLM 5.2. The output is a per-image Liquid before/after diff plus the theme files to edit.

Need a hand? I offer professional Shopify speed optimization if you’d rather have someone handle the fixes for you.

Also try: LCP Wizard — the focused tool for hero-image lazy-load fixes. Pagespeed Audit — catches fake speed apps.