Lazy Loading
Auch: Lazy Load, verzögertes Laden, loading="lazy"
Lazy Loading bedeutet, dass Bilder, Videos oder andere Elemente erst geladen werden, wenn sie in den sichtbaren Bereich des Bildschirms kommen. Das spart Ladezeit und Datenvolumen beim ersten Aufruf einer Seite.
Was ist Lazy Loading?
Eine lange Seite mit vielen Bildern muss beim Aufruf nicht alles sofort laden. Mit Lazy Loading lädt der Browser zunächst nur, was oben sichtbar ist, und den Rest erst beim Scrollen. Moderne Browser unterstützen das direkt über das Attribut loading="lazy" an Bildern und iframes; WordPress setzt es für viele Bilder automatisch.
Wann Lazy Loading hilft – und wann es schadet
| Element | Lazy Loading? | Warum |
|---|---|---|
| Bilder weiter unten auf der Seite | ja | spart Ladezeit beim ersten Aufruf |
| Eingebettete Videos und Karten | ja | sehr große externe Ressourcen |
| Hero-Bild oder Logo oben | nein | verzögert das größte sichtbare Element und verschlechtert den LCP |
| Wichtige Inhaltsbilder im ersten Bildschirm | nein | werden sonst spät angezeigt |
Bedeutung für Core Web Vitals
- Richtig eingesetzt verbessert Lazy Loading die Ladezeit und schont die Bandbreite.
- Falsch eingesetzt beim größten Bild oben verschlechtert es den LCP, einen der Core Web Vitals.
- Breite und Höhe für Bilder angeben, damit beim Nachladen nichts verspringt (CLS).
Häufige Fragen
Sieht Google verzögert geladene Bilder?
Ja, wenn das native Attribut loading="lazy" verwendet wird. Bei selbst gebauten Lösungen sollte geprüft werden, ob Google die Bilder findet.
Brauche ich ein Plugin für Lazy Loading?
Meist nicht. Browser und WordPress übernehmen das inzwischen selbst.
Siehe auch: PageSpeed Insights.