Learn Measure Blog Live About

Defer offscreen images

Updated
Appears in: Performance audits

The Opportunities section of your Lighthouse report lists all offscreen or hidden images in your page along with the potential savings in kilobytes (KB). Consider lazy-loading these images after all critical resources have finished loading to lower Time to Interactive:

A screenshot of the Lighthouse Defer offscreen images audit

See also Lazy load offscreen images with lazysizes codelab.

Bug: loading="lazy" images are incorrectly flagged

This audit incorrectly flags natively lazy-loaded images. See issue #6677 for details.

Resources

Last updated: Improve article