Wie beeinflusst der Einsatz von Videos auf Landingpages den LCP-Wert?
Autor: Yılmaz Saraçlcpcore-web-vitalsvideo-optimizasyonulanding-page
Kurze Antwort: Video beeinflusst den LCP auf zwei Wegen: Ein Video im Hero-Bereich kann selbst das LCP-Element sein, und große Videodateien verzögern über den Bandbreitenverbrauch die eigentliche LCP-Ressource. Mit richtigem Posterbild und richtiger Ladestrategie bleibt Video ohne LCP-Schaden nutzbar.
Checkliste
- Definieren Sie ein optimiertes Posterbild im Video-Tag; die LCP-Messung wertet dieses Bild oder das erste Videoframe.
- Setzen Sie preload auf none oder metadata, damit das Video nicht mit kritischen Ressourcen um Bandbreite konkurriert.
- Nutzen Sie für YouTube-Einbettungen eine leichte Fassade, die erst beim Klick lädt; Drittanbieter-Skripte gehören nicht in den ersten Paint.
- Verzögern Sie Videos unterhalb des sichtbaren Bereichs per Lazy Loading.
- Geben Sie fetchpriority dem LCP-Bild der Seite, nicht dem Video.
Beginnen Sie mit Lighthouse-Labordaten und validieren Sie mit CrUX-Felddaten. Googles veröffentlichte Schwelle ist klar: Ein guter LCP liegt unter 2,5 Sekunden. Ein schweres Autoplay-Video im Hero-Bereich gehört zu den häufigsten Gründen, diese Schwelle zu verfehlen.