Elementor
L
Lazy Loading
Definition
Lazy loading delays downloading images and videos until the visitor is about to scroll them into view.
In plain English
A long page might contain forty images, but a visitor sees three when they arrive. Without lazy loading, the browser fetches all forty before the page settles.
With it, the browser loads what's visible and quietly fetches the rest as you scroll. The page appears sooner and uses less data.
Why it matters
It's one of the highest-return performance changes available, and modern WordPress does most of it for you automatically.
It directly improves how quickly a page becomes usable — which is what visitors feel, and what Core Web Vitals measure.
How it works
- Off-screen images get loading="lazy"WordPress adds this attribute for you.
- The browser skips them at firstOnly the visible area is fetched.
- The rest load in as you scrollUsually just before they'd become visible.
- Reserve the spaceWidth and height attributes stop the layout jumping as images arrive.
Never lazy load your hero image
It's visible immediately, so delaying it makes your most important content arrive last — and wrecks your Largest Contentful Paint score.
Watch it in a real build
Related terms
Tip: use ← and → to move between entries.
The Friday email
One email a week. The thing I'd tell you over coffee.
What changed in WordPress and AI that week, what I'd actually use, and what I'd ignore. Written by me, not summarised by a tool.
- New tutorials the moment they're published
- Honest verdicts on tools — including the ones I dropped
- No sequences, no upsells, one click to leave
Free, forever, no signup
Pick a starting point. Have something real by tonight.
Every tutorial is free, complete, and built in real time — including the bits that break. Start where you are, not where a course thinks you should be.