Browser & Web Performance · Junior · Question 27 of 75

What does `loading="lazy"` on an `<img>` do?

1Loads the image after all scripts have run
✓Correct answer: Delays loading the image until it's near the viewport
3Loads the image at a lower resolution

Explanation

Native lazy loading saves bandwidth for offscreen images. It should not be used on the LCP image above the fold.

Further reading

Test yourself

Take the Browser & Web Performance · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.