# Lazy loading images, iframes, and video

DevFeed: [Lazy loading images, iframes, and video](<https://devfeed.tech/articles/lazy-loading-images-iframes-and-video-89136.md>)

Original publisher: [Read original article](<https://specification.website/spec/performance/lazy-loading/>)

Author: Joost de Valk

Published: 2026-05-29T09:51:43Z

Content type: tutorial

Language: en

Sources: [The Website Specification](<https://devfeed.tech/sources/the-website-specification.md>)

Topics: [lazy loading](<https://devfeed.tech/topics/lazy-loading.md>), [Core Web Vitals](<https://devfeed.tech/topics/core-web-vitals.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [iframes](<https://devfeed.tech/tags/iframes.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [lazy-loading](<https://devfeed.tech/tags/lazy-loading.md>), [lcp](<https://devfeed.tech/tags/lcp.md>), [lighthouse](<https://devfeed.tech/tags/lighthouse.md>), [performance](<https://devfeed.tech/tags/performance.md>), [recommended](<https://devfeed.tech/tags/recommended.md>), [video](<https://devfeed.tech/tags/video.md>)

## AI overview

The HTML `loading` attribute lets browsers defer off-screen images, iframes, and video without JavaScript. Apply it to below-the-fold content, keep the LCP image eager, and use dimensions to prevent layout shifts. For video, combine lazy loading with an appropriate `preload` value; browser support varies.

## Source excerpt

Native lazy loading defers off-screen images, iframes, and (recently) video until the user scrolls near them. Use loading="lazy" -- but never on the LCP element.