Skip to content
HTML·Intermediate·Conceptual·1 min read

What's the risk of adding loading="lazy" to every image on a page, including the hero image?

Short interview answer

loading="lazy" defers offscreen images, which helps images far down the page, but applying it to the largest above-the-fold image delays exactly the request you want to start earliest, often making it load later even though it's the page's Largest Contentful Paint element.

Key takeaway

Explain the underlying mental model clearly, then support it with a concrete example and its trade-offs.

← Back to Images, media, and responsive assets

Related questions