Lazy loading images, iframes, and video
type: TechArticle
description: 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.
language: en
is part of: Web Specification Studio
author: Web Specification Studio
publisher: Web Specification Studio
license: https://creativecommons.org/licenses/by/4.0/
date modified: 2026-05-29T09:51:43.000Z
citation: MDN — loading attribute
  type: CreativeWork
  publisher: MDN
citation: MDN — loading attribute
  type: CreativeWork
  publisher: MDN
citation: MDN — loading attribute
  type: CreativeWork
  publisher: MDN
citation: HTML Living Standard — The video element
  type: CreativeWork
  publisher: WHATWG
citation: web.dev — Browser-level image lazy loading
  type: CreativeWork
  publisher: web.dev
citation: MDN — decoding attribute
  type: CreativeWork
  publisher: MDN

Web Specification Studio
type: WebSite

Web Specification Studio
type: Organization

breadcrumb
type: BreadcrumbList
item list element: Home
  type: ListItem
  position: 1
  item: https://webspecification.com/
item list element: Spec
  type: ListItem
  position: 2
  item: https://webspecification.com/spec/
item list element: Performance
  type: ListItem
  position: 3
  item: https://webspecification.com/spec/performance/
item list element: Lazy loading images, iframes, and video
  type: ListItem
  position: 4
  item: https://webspecification.com/spec/performance/lazy-loading/