So bettest du Videos ein, ohne deine Website auszubremsen

• Lieferst du das MP4 von deinem eigenen Webspace aus, lädt der Browser womöglich Megabytes herunter, die niemand sehen wollte.
• Hat der Player keinen reservierten Platz, „springt“ die Seite beim Laden (schlechter Wert bei der visuellen Stabilität).
• Mehrere Player gleichzeitig zu laden, alle ganz oben, verzögert das, was der Besucher zuerst sehen will.

1. 1Hoste das Video außerhalb deines Webspace: Bei Dembed wird es aus dem eigenen Speicher ausgeliefert, in mehreren Qualitäten, und es wird nur heruntergeladen, was abgespielt wird.
2. 2Reserviere den Platz mit aspect-ratio, damit die Seite sich nicht verschiebt.
3. 3Nutze loading="lazy" bei iframes, die nicht auf dem ersten Bildschirm sind: Sie laden erst, wenn der Besucher in die Nähe kommt.
4. 4Spiele nicht alle Videos automatisch ab: nur das wichtigste, wenn es wirklich etwas bringt.
5. 5Schreibe den Titel des Videos in das title-Attribut des iframes.

<iframe src="https://dembed.cc/embed/v_DEINE_ID" title="Produktvorstellung" style="width:100%;aspect-ratio:16/9;border:0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen loading="lazy"></iframe>

• Zeige in einer Galerie Vorschaubilder mit Link zum Video und lade den Player erst beim Klick.
• Oder bette alle mit loading="lazy" ein: Es laden nur die, bis zu denen der Besucher scrollt.
• Teile sehr lange Listen auf mehrere Seiten auf.

Prüfe deine Seite vor und nach den Änderungen mit PageSpeed Insights von Google. Achte auf die Ladezeit des Hauptinhalts und die visuelle Stabilität: Mit diesen Regeln sind Videos nicht mehr das Problem.