Lazy Loading

Lazy Loading bezeichnet das verzögerte Nachladen von Inhalten, das die initiale Ladezeit einer Seite reduziert. Statt alle Bilder und Einbettungen sofort beim Seitenaufruf zu übertragen, werden nur die unmittelbar sichtbaren Elemente geladen. Weitere Ressourcen folgen erst, wenn der Nutzer beim Scrollen in ihre Nähe kommt.

Im Browser lässt sich Lazy Loading nativ über das Attribut loading="lazy" an img- und iframe-Elementen aktivieren. Diese Lösung benötigt kein JavaScript und wird von allen gängigen Browsern unterstützt. Inhalte oberhalb des Falzes sollten dagegen ohne Lazy Loading geladen werden, damit das LCP-Element nicht verzögert wird.

Aus SEO-Sicht verbessert Lazy Loading die Ladeperformance und damit indirekt die Core Web Vitals. Wichtig ist, dass Suchmaschinen die nachgeladenen Inhalte trotzdem erfassen können. Bei rein JavaScript-basierten Implementierungen ohne funktionierenden Fallback besteht das Risiko, dass Bilder oder Inhalte nicht indexiert werden.