Lazy-load images and media outside viewport to improve initial load.
- Lazy-load images and media outside viewport to improve initial load1 cited source1 category
Save for later 0
Use × to move an item here. You can restore it when you’re ready.
Your checks and saved items stay in this browser. Nothing is submitted.
Why this matters
Lazy loading defers off-screen images and media, reducing initial bandwidth and speeding load.
Hypothetical standard operating procedure
Adapt this example to your site, access, tools, and change process. It is our suggested procedure, informed by the sources below.
- Add loading="lazy" attribute to <img>, <iframe>, <video>, and <audio> elements.
- Implement JavaScript fallback for unsupported browsers to detect viewport visibility.
- Test lazy loading behavior on desktop and mobile devices.
- Ensure SEO fallback by rendering bots with full content when needed.
- Monitor load performance and bandwidth savings post implementation.
Watch for
Loading all images immediately causes slow page loads and wasted resources.
Definition of done
Images below the fold load only upon user scroll, verified by network activity patterns.
Sources & attribution
Original checklist wording and example SOP by Best SEO Checklist, using source-grounded AI assistance. Editorial contact: Ted Kubaitis, @tedkubaitis on Teams. Check current source guidance before implementation.