HTML · Image and media attributes

loading

Defers offscreen images and iframes until they approach the viewport.

htmlRunnable example html course

Syntax

loading="lazy"

Example

Try it

<img src="https://picsum.photos/400/200" alt="Below the fold" loading="lazy" width="400" height="200">

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.