Kurz gesagt
Bilder, Embeds, Videos, Skripte und schwere Komponenten können erst geladen werden, wenn sie sich dem Viewport nähern oder für die Aufgabe nötig werden.
Der erste Screen braucht andere Behandlung. Hero-Bilder, Hauptinhalt und interaktionskritische Skripte sollten nicht verzögert werden, nur weil Lazy Loading möglich ist.
Wo es wehtut
Lazy Loading wird schmerzhaft, wenn ein Performance-Fix pauschal angewendet wird. Die Seite kann schlechter messen, weil das LCP-Bild verzögert, Inhalt nachspringt oder eine Nutzeraktion auf Code wartet, der bereit sein müsste.
Was zu prüfen ist
- Ist das LCP-Bild oder der Hauptinhalt vom Lazy Loading ausgeschlossen?
- Sind Bilddimensionen reserviert, damit Layout Shift nicht steigt?
- Laden Assets unterhalb des ersten Screens früh genug für echtes Scrollverhalten?
Häufige Fragen
Was ist Lazy Loading?
Lazy Loading verzögert nicht-kritische Assets wie Bilder, Embeds, Skripte oder Komponenten, bis Nutzer sie wahrscheinlich brauchen.
Verbessert Lazy Loading immer die Performance?
Nein. Es hilft bei nicht-kritischen Assets. Es kann Performance verschlechtern, wenn Hero-Bild, wichtige Inhalte oder Interaktionscode verzögert werden.
Was sollten Sie bei Lazy Loading zuerst prüfen?
Prüfen Sie das LCP-Element, Bilddimensionen, Medien unterhalb des ersten Screens, Script-Timing und ob Real-Device-Tests bestätigen, dass die Seite schneller wirkt.