←  Alle Begriffe
L
Performance

Lazy Loading

Lazy Loading lädt Bilder, Videos oder Code erst dann, wenn sie voraussichtlich benötigt werden.

Lazy Loading lädt Bilder, Videos oder Code erst dann, wenn sie voraussichtlich benötigt werden. Für eine aussagekräftige Bewertung sollten reale Nutzerdaten, reproduzierbare Labortests und ein festes Performance Budget zusammen betrachtet werden. Eng verbunden ist der Begriff mit Bildoptimierung und Website Performance.

Weiterlesen

Bildoptimierung

Website Performance

Largest Contentful Paint

FAQ

Lazy Loading

Welche Fehler treten beim Lazy Loading häufig auf?
Häufig werden Bilder im ersten Viewport verzögert, Platzhalter ohne feste Größe verwendet oder Inhalte für Suchmaschinen erst nach Interaktion geladen. Letzteres kann die Indexierung beeinträchtigen. Sicherer ist es, Lazy Loading gezielt für unkritische Elemente einzusetzen und Ergebnisse im Test zu prüfen.
Kann Lazy Loading Layout-Verschiebungen verursachen?
Ja, wenn der Platz für nachgeladene Elemente nicht reserviert ist, springt der Inhalt beim Einblenden und verschlechtert den Cumulative Layout Shift, der höchstens 0,1 betragen sollte. Festgelegte Breiten und Höhen oder ein Seitenverhältnis verhindern das. Platzhalter sollten die endgültige Größe bereits kennen.
Braucht Lazy Loading zwingend JavaScript?
Nein, für Bilder und iframes gibt es das native Attribut loading="lazy", das moderne Browser unterstützen. JavaScript ist nur nötig, wenn feinere Steuerung gefragt ist, etwa für Hintergrundbilder oder Komponenten. Die native Variante ist wartungsärmer und belastet den Hauptthread nicht zusätzlich.
Wie wirkt sich Lazy Loading auf den LCP aus?
Bei richtiger Anwendung senkt es Konkurrenz um Bandbreite und kann den LCP verbessern. Bei falscher Anwendung auf das größte Element verschlechtert es ihn. Das Hero-Bild sollte daher ausdrücklich nicht verzögert geladen werden. Der Effekt lässt sich mit Messungen vor und nach der Änderung überprüfen.
Wann sollte Lazy Loading eingesetzt werden?
Lazy Loading eignet sich für Bilder, Videos und Skripte außerhalb des ersten sichtbaren Bereichs. Es spart Datenmenge und beschleunigt den Start, weil nur Benötigtes geladen wird. Für Elemente im ersten Viewport ist es ungeeignet, da es deren Anzeige verzögert. Die Grenze verläuft an der ersten Bildschirmhöhe.