What is lazy loading (and how it speeds up your site)?

Lazy loading is a technique where images and other content load only when they're about to come into view, rather than all at once when the page opens. It makes pages feel much faster, especially on image-heavy sites.

Why it helps

• •The visible part of the page loads quickly.
• •You don't waste data loading things people never scroll to.
• •It improves Core Web Vitals and mobile experience.

Use it wisely

Lazy-load below-the-fold images, but not your main hero image — that should load immediately since it's the first thing people see. A well-built site handles this balance automatically.