Lazy Loading

Lazy Loading ist eine Technik im Webdesign, bei der Inhalte wie Bilder, Videos oder andere ressourcenintensive Elemente erst dann geladen werden, wenn sie tatsächlich benötigt werden – also wenn der Nutzer die entsprechende Stelle der Seite erreicht. Anstatt beim ersten Laden der Seite alle Inhalte auf einmal zu laden, wird nur das Nötigste dargestellt. Erst beim Scrollen oder gezielten Ansteuern weiterer Inhalte werden diese nach und nach geladen.

Dies reduziert die Datenmenge, die auf einmal übertragen werden muss, was nicht nur die Ladezeit der Website verbessert, sondern auch den Energieverbrauch auf Server- und Nutzerebene senkt. Weniger Datenübertragung bedeutet weniger Energieaufwand und damit auch eine geringere Umweltbelastung. Im Rahmen von nachhaltigem Webdesign ist Lazy Loading daher eine wichtige Technik, um die Performance von Websites zu optimieren und gleichzeitig die ökologische Bilanz zu verbessern.

Durch die Anwendung von Lazy Loading, wie es auch in Plattformen wie Webflow integriert ist, wird nicht nur die Benutzererfahrung gesteigert, sondern auch der Ressourcenverbrauch signifikant gesenkt.

Mehr aus dem Glossar

Geändert am:
15.12.2025

AVIF-Bilder

Modernes Bildformat mit 50% kleineren Dateien als JPEG bei gleicher Qualität. Ideal für Performance.
AVIF-Bilder
Geändert am:
15.12.2025

Bildoptimierung

Bilder komprimieren, richtige Formate (WebP/AVIF/SVG) und responsive Größen nutzen. Meist größter Hebel für PageWeight und LCP.
Bildoptimierung
Geändert am:
15.12.2025

Code Splitting

Code in mehrere Bundles aufteilen und nur bei Bedarf laden. Senkt initiale Ladezeit und JavaScript-Kosten.
Code Splitting
Geändert am:
15.12.2025

Largest Contentful Paint (LCP)

Zeit bis das größte sichtbare Element geladen ist. Unter 2,5 Sekunden ist gut.
Largest Contentful Paint (LCP)
Geändert am:
15.12.2025

Skeleton Loading

Zeigt Platzhalter-Formen während Inhalte laden. Vermittelt Fortschritt und macht Wartezeit erträglicher.
Skeleton Loading
Mein Beitrag
für die Umwelt

Mein Beitrag für nachhaltiges Webdesign – Erfahre mehr darüber, wie meine digitalen Angeboteumweltfreundlich gestaltet sind und welche nachhaltigen Praktiken ich umsetzte.

Meine nachhaltigen Praktiken