Ladezeit & Technik

Lazy Loading.

Lazy Loading verschiebt das Laden bestimmter Ressourcen auf einen späteren Zeitpunkt. Bei Bildern bedeutet das häufig: Dateien weiter unten auf der Seite werden erst geladen, wenn sie sich dem sichtbaren Bereich nähern.

Warum ist das wichtig?

Eine lange Seite muss nicht sofort alle Bilder übertragen. Falsch eingesetzt verzögert Lazy Loading jedoch genau den Inhalt, auf den Besucher beim Öffnen warten.

Ein Beispiel

Eine Referenzseite enthält zwanzig Projektbilder. Die Bilder weit unterhalb des Einstiegs werden verzögert geladen. Das große Bild direkt am Seitenanfang wird dagegen früh angefordert. Würde auch dieses Einstiegsbild warten, könnte sich der LCP verschlechtern.

Worauf kommt es an?

Entscheiden Sie nach der tatsächlichen Position und Bedeutung einer Ressource. Reservieren Sie bei Bildern weiterhin Breite und Höhe, damit beim Nachladen nichts springt. Wichtige Inhalte sollten auch für Suchmaschinen zuverlässig erreichbar bleiben und nicht erst nach einem speziellen Klick erscheinen.

Typische Fehler

  • Das große sichtbare Einstiegsbild pauschal verzögert laden.
  • Durch fehlende Platzhalter beim Nachladen Layout-Verschiebungen verursachen.

Weiterlesen

Passende Leistung: WordPress-Entwicklung & Performance

Quelle: MDN: Lazy Loading