Lazy loading

Lazy loading means waiting to load a resource - an image, video, script, or widget - until it is actually needed, instead of loading everything when the page first opens. It makes the initial page load faster by spending bandwidth and processing time only on what the visitor actually sees or uses.

It is most commonly applied to images and embeds below the fold, using the native loading="lazy" attribute on <img> and <iframe> elements. Content above the fold should generally not be lazy-loaded, since delaying it can slow down LCP instead of helping it.

Learn more

• Lazy loading - MDN's performance guide
• Above the fold
• LCP