Video-Ladezeit verbessern: Poster, Lazy Loading, Dateigröße
Die Ladezeit einer Seite mit Video verbessern Sie mit drei Hebeln: einem Vorschaubild (Poster), Lazy Loading und einer kleinen, gut komprimierten Datei. Ziel ist, dass die Seite sofort etwas zeigt und das Video erst geladen wird, wenn es gebraucht wird.
Das Wichtigste:
• Poster: ein Standbild, das sofort erscheint und den Platz des Videos freihält
• Vorladen abschalten (Attribut preload mit dem Wert none), damit der Browser das Video nicht vorab lädt
• Lazy Loading: Für eingebettete Player per iframe gibt es das Attribut loading mit dem Wert lazy; Chrome unterstützt es seit Version 148 auch direkt beim Video, Browser ohne Unterstützung ignorieren es
• Platzhalter statt Player: Ein leichtes Vorschaubild ersetzt den externen Player bis zum Klick – laut Chrome-Dokumentation etwa 3 KB statt 540 KB beim YouTube-Player
• Auflösung an die Anzeigegröße anpassen: Für ein kleines Fenster braucht es keine 4K-Datei
Praxis-Tipp: Kein Lazy Loading für ein Video, das ganz oben sofort sichtbar ist – dort lieber ein schnelles Poster und eine kleine Datei. Ob ein Video die Seite tatsächlich bremst, zeigt PageSpeed Insights: Messen Sie vorher und nachher, statt zu raten.
Stand: Oktober 2026.
Mehr dazu im auvimix-Ratgeber: https://auvimix.de/einbetten/video-ladezeit-website/
Alle 100 Video-Tipps für Unternehmen: https://auvimix.com/c/nextao
Das Wichtigste:
• Poster: ein Standbild, das sofort erscheint und den Platz des Videos freihält
• Vorladen abschalten (Attribut preload mit dem Wert none), damit der Browser das Video nicht vorab lädt
• Lazy Loading: Für eingebettete Player per iframe gibt es das Attribut loading mit dem Wert lazy; Chrome unterstützt es seit Version 148 auch direkt beim Video, Browser ohne Unterstützung ignorieren es
• Platzhalter statt Player: Ein leichtes Vorschaubild ersetzt den externen Player bis zum Klick – laut Chrome-Dokumentation etwa 3 KB statt 540 KB beim YouTube-Player
• Auflösung an die Anzeigegröße anpassen: Für ein kleines Fenster braucht es keine 4K-Datei
Praxis-Tipp: Kein Lazy Loading für ein Video, das ganz oben sofort sichtbar ist – dort lieber ein schnelles Poster und eine kleine Datei. Ob ein Video die Seite tatsächlich bremst, zeigt PageSpeed Insights: Messen Sie vorher und nachher, statt zu raten.
Stand: Oktober 2026.
Mehr dazu im auvimix-Ratgeber: https://auvimix.de/einbetten/video-ladezeit-website/
Alle 100 Video-Tipps für Unternehmen: https://auvimix.com/c/nextao
0 Kommentare
Kommentieren können angemeldete Mitglieder. Anmelden