Lazy Loading
Kurz gesagt
Lazy Loading ist die Technik, bei der Bilder, iframes oder Scripts erst geladen werden, sobald sie kurz vor dem Viewport erscheinen — beschleunigt initiales Laden.
Lazy Loading reduziert die initiale Ladezeit, indem Below-the-Fold-Elemente erst geladen werden, wenn sie relevant werden. Das native Attribut loading="lazy" auf img und iframe funktioniert in allen modernen Browsern. Korrekt angewendet verbessert Lazy Loading signifikant LCP und mobiles Datenvolumen.
Beispiel
Ein Rezept-Blog mit 40 Fotos pro Artikel lud vorher alle eager. Mit loading="lazy" auf allen außer dem ersten fällt der durchschnittliche LCP von 4,1s auf 2,2s.
Häufig gestellte Fragen
Lazy Loading auf dem LCP-Element?
Nie. Das größte sichtbare Element muss sofort verfügbar sein. Lazy Loading auf LCP verschlechtert Ihre Bewertung.
Verwandte Begriffe
Weiterführende Links
- → Unser Service: SEO