Lazy Loading

Lazy Loading bedeutet, das Laden einer Ressource – eines Bildes, Videos, Skripts oder Widgets – so lange aufzuschieben, bis sie tatsächlich benötigt wird, statt alles sofort beim ersten Öffnen der Seite zu laden. Dadurch wird das initiale Laden der Seite schneller, weil Bandbreite und Rechenzeit nur für das aufgewendet werden, was die Besuchenden tatsächlich sehen oder verwenden.

Am häufigsten wird dies bei Bildern und Einbettungen unterhalb des sichtbaren Bereichs angewendet, mithilfe des nativen Attributs loading=\"lazy\" an <img>- und <iframe>-Elementen. Inhalte oberhalb des sichtbaren Bereichs sollten in der Regel nicht per Lazy Loading geladen werden, da eine Verzögerung LCP eher verlangsamen als verbessern kann.

Weiterführende Informationen

• Lazy Loading - MDN‑Leitfaden zur Performance
• Oberhalb des sichtbaren Bereichs
• LCP