Kein Autoplay-Video oben
Autoplay im sichtbaren Bereich verursacht Performance- und UX-Probleme.
Das Thema dieser Seite: Autoplay-Videos blockieren Ressourcen und wirken aufdringlich, besonders auf Mobilgeräten.
Inhalt
Inhaltsverzeichnis
Klicke auf einen Abschnitt, um direkt dorthin zu springen.
Check
Der Check erkennt Videos im Above-the-fold Bereich, die automatisch starten. Autoplay im sichtbaren Bereich wird als kritisch bewertet.
| Prüfpunkt | Bedeutung | Bewertung |
|---|---|---|
| Kein Autoplay oben | Ressourcen bleiben frei | OK |
| Autoplay oben (muted) | Lenkt ab, kostet Bandbreite | Warnung |
| Autoplay oben mit Sound | Starker UX-Bruch | Kritisch |
Kontext & Problemraum
Autoplay-Videos sind oft in Hero-Bereichen eingebunden. Sie belasten CPU und Netz und verschlechtern LCP sowie Nutzerkontrolle.
| Situation | Symptom | Risiko |
|---|---|---|
| Landingpage mit Video-Hero | Autoplay ohne Nutzeraktion | Langsamer Start, hohe Absprünge |
| Mobile Nutzer | Video startet sofort | Hoher Datenverbrauch |
| Mehrere Videos oben | Parallel laufende Medien | Leistungseinbruch |
Entscheidungslogik
Wann Autoplay tolerierbar ist.
| Wenn | Dann | Empfehlung |
|---|---|---|
| Video ist zentraler CTA | Nutzer erwartet Kontrolle | Play-Button statt Autoplay |
| Kurzer Loop ohne Audio | Animiertes Hintergrund-Video | Nur einsetzen, wenn Performance ok |
| Video oberhalb der Falz | Startkritisch | Autoplay deaktivieren |
Erklärende Details
Autoplay erzeugt direkte Netzwerk- und CPU-Last. Das beeinflusst LCP, INP und die wahrgenommene Geschwindigkeit.
Beispiel: Video ohne Autoplay
<video controls poster="/img/video-preview.jpg" preload="none">
<source src="/video/demo.mp4" type="video/mp4" />
</video>
Risiken, Grenzen & Einschränkungen
| Risiko | Folge | Gegenmaßnahme |
|---|---|---|
| Autoplay als Marketing-Standard | Performance leidet | Autoplay nur testen, nicht default |
| Video lädt sofort voll | Hoher Datenverbrauch | preload="none" verwenden |
| Audio startet automatisch | Starker UX-Bruch | Autoplay deaktivieren |
Interne Vernetzung
Verwandte Checks: Videos mit Poster, LCP Proxy, Gesamtseitengewicht.