HTML/Attribute/loading

Das loading-Attribut legt fest, wie externe Medien geladen werden sollen.

erlaubte Werte	auto eager: Medien over the fold sollen bevorzugt geladen werden lazy: Medien außerhalb des sichtbaren Bereichs sollen erst geladen werden, wenn der Benutzer scrollt.
default-Wert	auto
erlaubt in	iframe, img, video
Browsersupport	Details bei caniuse.com: loading-lazy-attr

Beispiel

<img src="hund.gif" alt="der wilde Hund" loading="eager">

Die Bildquelle wird bevorzugt geladen, damit die Grafik beim Seitenaufbau schon gerendert werden kann.

Beachten Sie: Die Browser führen das späte Laden aber nur durch, wenn width- und height-Attribut der Bilder im img-Tag notiert sind.

Siehe auch

• Bilder im Internet
  • Bilder im Internet/Einbindung mit img
• OnePager/Komfort-Version(Lazy Loading)

Weblinks

• W3C: the loading attribute
• MDN: Lazy loading