Was ist Lazy Loading?

Kurz-Fakten

• Über loading="lazy" ohne Zusatzskript verfügbar
• Nicht auf Bilder im zuerst sichtbaren Bereich anwenden – verschlechtert den LCP
• Ersetzt keine Bildoptimierung: ein zu großes Bild bleibt zu groß
• Bei per JavaScript nachgeladenen Inhalten kann die Indexierung ausbleiben

Einordnung für die Praxis

Der klassische Fehler ist die pauschale Anwendung. Wer loading="lazy" auf jedes Bild setzt, verzögert auch das Titelbild – und genau das ist meist der größte sichtbare Inhalt, an dem der LCP gemessen wird. Die Regel lautet: alles außer dem, was ohne Scrollen sichtbar ist.

Bei Inhalten, die per JavaScript nachgeladen werden, kommt ein zweites Problem hinzu. Was erst auf ein Scroll-Ereignis hin entsteht, sieht ein Crawler unter Umständen nie. Für Text, der indexiert werden soll, ist Lazy Loading deshalb das falsche Mittel.

Verwandte Begriffe

• Core Web Vitals Core Web Vitals sind drei von Google definierte Messwerte für die Nutzungsqualität einer…
• PageSpeed PageSpeed bezeichnet die Geschwindigkeit, mit der eine Seite lädt und benutzbar wird.…
• JavaScript-SEO JavaScript-SEO umfasst die Maßnahmen, die nötig sind, damit Inhalte einer Website auch…
• Rendering Rendering bezeichnet den Vorgang, aus HTML, CSS und JavaScript die fertige Darstellung…
• Minifizierung Minifizierung ist das Entfernen überflüssiger Zeichen aus CSS-, JavaScript- und…