Lazy Loading

Lazy LoadingLazy Loading bezeichnet das verzögerte Nachladen von Inhalten wie Bildern erst dann, wenn sie in den sichtbaren Bereich gelangen, um die anfängliche Ladezeit zu reduzieren.Zum Glossareintrag → (verzögertes Laden) bedeutet, dass Inhalte wie Bilder oder eingebettete Elemente erst geladen werden, wenn sie in den sichtbaren Bereich des Nutzers gelangen, statt sofort beim Seitenaufruf. Das reduziert die anfängliche Datenmenge und kann die LadezeitPageSpeed bezeichnet die Ladezeit und Reaktionsfähigkeit einer Website. PageSpeed-Optimierung umfasst Massnahmen, die Ladezeit, Reaktionsfähigkeit und visuelle Stabilität verbessern.Zum Glossareintrag → verbessern, besonders bei langen Seiten mit vielen Bildern.

Entscheidend ist die richtige Anwendung:

• Bilder unterhalb des sichtbaren Bereichs können sinnvoll lazy geladen werden.
• Das wichtigste Bild im sichtbaren Bereich, häufig das LCPLargest Contentful Paint (LCP) misst, wann das grösste sichtbare Inhaltselement im sichtbaren Bereich geladen ist, und steht damit für die wahrgenommene Ladegeschwindigkeit.Zum Glossareintrag →-Element, sollte nicht lazy geladen werden.

Ein häufiger Fehler ist loading="lazy" auf dem Hero- oder LCP-Bild. Dadurch wird genau das Element verzögert, das für einen guten Largest Contentful Paint (LCP) entscheidend ist. Besser ist es, das LCP-Bild stattdessen mit fetchpriority="high" zu priorisieren und Lazy Loading nur für nachrangige Inhalte einzusetzen.