Wenn man bei <img> oder <iframe> loading="lazy" hinzufügt, beginnt das Laden des Bildes oder Frame-Inhalts erst dann, wenn es auf dem Bildschirm sichtbar wird.
Um zu verhindern, dass umliegende Inhalte durch Reflow verschoben werden, ist es sinnvoll, height und width anzugeben.
Bei iframe beginnt das Laden, sobald es im sichtbaren Bereich erscheint, außer wenn die Größe 4 px oder kleiner ist, display:none oder visibility:hidden gesetzt ist oder die absoluten Koordinaten x,y außerhalb des Bildschirms liegen. (Damit iframe für Statistik- oder Kommunikationszwecke nicht per Lazy Loading verzögert werden.)
Derzeit werden CSS-Hintergrundbilder nicht unterstützt.
Da es noch keine Unterstützung in anderen Browsern gibt, muss per if-Abfrage eine andere Lazy-Loading-Bibliothek eingebunden werden.
Noch keine Kommentare.