Geschwindigkeit

Größtes Bild im ersten Viewport lädt verzögert (LCP-Bremse)

Üblicher Schweregrad: mittel · Aufwand: minimal

Woran du es erkennst

Das größte sichtbare Bild im ersten Viewport — der wahrscheinliche LCP-Kandidat — trägt loading="lazy": Der Browser depriorisiert genau die Ressource, die festlegt, wann die Seite geladen wirkt.

Warum es zählt

Verzögertes Laden am LCP-Kandidaten schiebt den Abruf hinter das erste Rendern und verschlechtert messbar den Wert, an dem Google die Ladegeschwindigkeit und Besucher die gefühlte Schnelligkeit festmachen — das Attribut, das unterhalb der Falz hilft, bremst oberhalb.

So behebst du es

  1. Entferne loading="lazy" am Hero-/LCP-Bild — verzögertes Laden gehört strikt unter die Falz.
  2. Setze fetchpriority="high" am LCP-Bild, damit der Browser es vor unwichtigeren Ressourcen holt.
  3. Ergänze einen Preload-Hinweis, wenn das Bild spät entdeckt wird (Hintergrundbild per CSS, Slider-Markup).
  4. Vergleiche anschließend einen Labormesslauf: Der LCP muss sinken, ohne dass Bilder unter der Falz ihr verzögertes Laden verlieren.

Zum Nachlesen