Lazy Loading
Lazy Loading ist eine Technik, bei der Bilder und andere Medien erst dann geladen werden, wenn sie im sichtbaren Bereich des Browsers erscheinen – also wenn der Nutzer auf der Seite nach unten scrollt. Bilder, die sich weit unten auf der Seite befinden und zunächst nicht sichtbar sind, werden nicht beim Seitenaufruf mitgeladen. Das reduziert die initiale Ladezeit und spart Bandbreite.
Lazy Loading in WordPress
Seit WordPress 5.5 (2020) wird das loading="lazy"-Attribut automatisch zu allen Bildern und iFrames hinzugefügt, die über den WordPress Media Uploader eingefügt wurden. Das passiert ohne Plugin oder Konfiguration – es ist der Standard-Verhalten des modernen WordPress-Kerns. Alle modernen Browser unterstützen das native Lazy Loading.
Was Lazy Loading bringt
- Schnelleres initiales Laden – der Browser muss beim ersten Seitenaufruf weniger Daten herunterladen
- Besserer LCP-Wert (Largest Contentful Paint) – kritische Ressourcen werden schneller verfügbar, weil unkritische warten
- Bandbreitenersparnis – Besucher, die nicht bis zum Ende scrollen, laden Bilder am Seitenende gar nicht
- Bessere Performance auf mobilen Geräten – besonders auf langsamen Verbindungen spürbar
Was Lazy Loading nicht darf: LCP-Bild
Das wichtigste Bild einer Seite – typischerweise das Hero-Bild oder das Featured Image oben auf der Seite – sollte nicht lazy geladen werden. Da es sofort sichtbar ist, verzögert Lazy Loading hier den LCP-Wert statt ihn zu verbessern. WordPress fügt bei Bildern im oberen Seitenbereich automatisch loading="eager" statt loading="lazy" ein – und seit WordPress 6.3 auch das fetchpriority="high"-Attribut für das wahrscheinliche LCP-Bild.
Lazy Loading für Videos und iFrames
Eingebettete YouTube-Videos und andere iFrames profitieren besonders von Lazy Loading – sie erzeugen viele HTTP-Anfragen und laden umfangreiche externe Ressourcen. WordPress lädt iFrames standardmäßig mit loading="lazy". Für YouTube-Embeds gibt es zusätzlich die „Facade“-Technik: Ein statisches Vorschaubild wird angezeigt und der eigentliche iFrame erst beim Klick geladen.
