{
  "@context": "https://schema.org",
  "@id": "https://webspecification.com/spec/performance/lazy-loading.jsonld",
  "@graph": [
    {
      "@type": "TechArticle",
      "@id": "https://webspecification.com/spec/performance/lazy-loading/#article",
      "headline": "Lazy loading images, iframes, and video",
      "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.",
      "url": "https://webspecification.com/spec/performance/lazy-loading/",
      "inLanguage": "en",
      "isPartOf": {
        "@type": "WebSite",
        "@id": "https://webspecification.com/#website",
        "name": "Web Specification Studio",
        "url": "https://webspecification.com"
      },
      "author": {
        "@type": "Person",
        "name": "Web Specification Studio",
        "url": "https://webspecification.com"
      },
      "publisher": {
        "@type": "Organization",
        "@id": "https://webspecification.com/#organization",
        "name": "Web Specification Studio",
        "url": "https://webspecification.com"
      },
      "license": "https://creativecommons.org/licenses/by/4.0/",
      "dateModified": "2026-05-29T09:51:43.000Z",
      "citation": [
        {
          "@type": "CreativeWork",
          "name": "MDN — <img> loading attribute",
          "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#loading",
          "publisher": {
            "@type": "Organization",
            "name": "MDN"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "MDN — <iframe> loading attribute",
          "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/iframe#loading",
          "publisher": {
            "@type": "Organization",
            "name": "MDN"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "MDN — <video> loading attribute",
          "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/video#loading",
          "publisher": {
            "@type": "Organization",
            "name": "MDN"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "HTML Living Standard — The video element",
          "url": "https://html.spec.whatwg.org/multipage/media.html#the-video-element",
          "publisher": {
            "@type": "Organization",
            "name": "WHATWG"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "web.dev — Browser-level image lazy loading",
          "url": "https://web.dev/articles/browser-level-image-lazy-loading",
          "publisher": {
            "@type": "Organization",
            "name": "web.dev"
          }
        },
        {
          "@type": "CreativeWork",
          "name": "MDN — decoding attribute",
          "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img#decoding",
          "publisher": {
            "@type": "Organization",
            "name": "MDN"
          }
        }
      ]
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://webspecification.com/spec/performance/lazy-loading/#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Home",
          "item": "https://webspecification.com/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Spec",
          "item": "https://webspecification.com/spec/"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Performance",
          "item": "https://webspecification.com/spec/performance/"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "Lazy loading images, iframes, and video",
          "item": "https://webspecification.com/spec/performance/lazy-loading/"
        }
      ]
    }
  ]
}