Lazy Loading
Eine Technik, die das Laden von Bildern und Inhalten außerhalb des Bildschirms verzögert, bis der Benutzer in deren Nähe scrollt, wodurch die anfängliche Ladezeit der Seite verkürzt wird.
Lazy Loading verbessert die Leistung, indem nur der Inhalt geladen wird, der beim ersten Laden der Seite im Ansichtsfenster sichtbar ist. Bilder unterhalb der Falte bleiben als leichte Platzhalter bestehen, bis der Benutzer zu ihnen scrollt und so den eigentlichen Bild-Download auslöst. Natives Lazy Loading über das HTML-Attribut „loading='lazy'“ wird von allen modernen Browsern unterstützt und erfordert kein JavaScript. Der Intersection Observer API bietet mehr Kontrolle für benutzerdefinierte Implementierungen. Bei „above-the-fold“-Heldenbildern sollte das Lazy Loading deaktiviert sein – diese Bilder müssen für optimale Largest Contentful Paint sofort geladen werden. Aggressives Lazy Loading, das sichtbare Inhalte verzögert, beeinträchtigt die wahrgenommene Leistung. Der Restbetrag ist sofortiges Laden für sichtbare Inhalte und verzögertes Laden für alles andere.
Verwandte Begriffe
Responsives Bild
Eine Bildimplementierung, die je nach Gerät, Bildschirmgröße und Verbindungsgeschwindigkeit des Betrachters unterschiedliche Größen oder Formate bereitstellt.
Kompression
Der Prozess der Reduzierung der Bilddateigröße durch eine effizientere Kodierung von Pixeldaten, manchmal auf Kosten der Qualität.