Lazy Loading (verzögertes Laden).

Lazy Loading («verzögertes Laden») ist eine Performance-Technik, die das Laden nicht sofort benötigter Ressourcen aufschiebt. Statt beim Seitenaufruf alle Bilder und Videos auf einmal herunterzuladen — auch die, die weit unten liegen und vielleicht nie gesehen werden — lädt der Browser sie erst, wenn der Nutzer sie beim Scrollen fast erreicht. Das reduziert die anfängliche Ladelast erheblich.

Der Nutzen ist doppelt: Die Seite wird schneller interaktiv, weil zu Beginn weniger Daten übertragen und verarbeitet werden müssen, und es wird kein Datenvolumen für Inhalte verschwendet, die der Besucher gar nicht ansieht. Besonders auf bildlastigen Seiten und bei mobilen Nutzern mit begrenzter Bandbreite verbessert Lazy Loading die wahrgenommene Geschwindigkeit spürbar.

Technisch lässt sich Lazy Loading für Bilder und iframes heute nativ per Attribut loading=«lazy» umsetzen — ohne JavaScript. Wichtig ist die richtige Abgrenzung: Inhalte above the fold, insbesondere das LCP-Bild, sollten NICHT lazy geladen werden, weil das den Largest Contentful Paint verzögern und damit die Core Web Vitals verschlechtern würde. Lazy Loading gehört auf Ressourcen below the fold.

Beispiel: Ein Reiseblog mit langen, bildreichen Artikeln lädt nur die ersten, sofort sichtbaren Bilder direkt und alle weiteren per Lazy Loading nach. Der Artikel erscheint dadurch schnell, und Bilder weiter unten werden erst geladen, wenn der Leser sie ansteuert — die Ladezeit und der Datenverbrauch sinken, ohne dass der Nutzer einen Nachteil bemerkt.