Blog
Home»News»Ladezeit Youtube Videos optimieren für PageSpeed

Ladezeit Youtube Videos optimieren für PageSpeed

Die Ladezeit für Youtube Videos lässt sich einfach optimieren: Mit diesem Trick können Sie Youtube Videos auf Ihrer Webseite einbinden, ohne den PageSpeed zu verschlechtern.

Ladezeit Youtube Videos optimieren für PageSpeed
Optimieren Sie die Ladezeit von eingebundenen Youtube Videos für Google PageSpeed

SEO Angebot

Das Einbinden von Youtube Videos kann die Ladezeit verschlechtern

Das der Google PageSpeed mittlerweile als Rankingfaktor an Bedeutung zugenommen hat, dürfte jedem Webmaster klar sein, der sich mit SEO beschäftigt. Lange Ladezeiten sind aber nicht nur für die Suchmaschinenoptimierung von Bedeutung, auch die User der Webseite oder des Onlineshops möchte keine langen Ladezeiten haben. Google gibt bei PageSpeed Insights diverse Tipps, wie man den PageSpeed verbessern kann. Von daher ist es schon etwas kurios, dass ein Google Produkt, nämlich Youtube, die Ladezeit verschlechtern kann. Youtube Videos lassen sich sehr leicht per iframe auf der Homepage einbinden. Durch das Einbinden der Youtube Videos kann sich jedoch die Ladezeit der gesamten Seite verschlechtern, denn bei jedem Seitenaufruf werden alle Inhalte von Yotube geladen, obwohl noch niemand auf den “Play-Button” gedrückt hat. Der PageSpeed kann sich also durch das Einbetten von Youtube Videos verschlechtern.

So wird die Ladezeit optimiert für eingebettete Youtube Videos

1. Fügen Sie den normalen Youtube Code als iframe ein
2. Entfernen Sie beim iframe src Attribut den Link, sodass nur nur noch src=”” steht
3. Fügen Sie ein data-src Attribut dem Youtube Link hinzu

Youtube Code

4. Fügen Sie diesen Javascript Code im Footer der Seite ein:

Hier der Code zum kopieren:


function init() {
var vidDefer = document.getElementsByTagName('iframe');
for (var i=0; i<vidDefer.length; i++) {
if(vidDefer[i].getAttribute('data-src')) {
vidDefer[i].setAttribute('src',vidDefer[i].getAttribute('data-src'));
} } }
window.onload = init;

Somit verhindern Sie, dass der Browser den YouTube-Code liest, bis auf das Bild geklickt wurde. Durch das Verschieben der Videodateien können Sie häufig Dutzende von Dateianforderungen und Ressourcendownloads sparen. Somit können Sie Youtube Videos einbinden, ohne dass Sie dafür Ihren PageSpeed opfern müssen.

Beispiel Youtube Video:

SEO Angebot

Weitere Tipps zur PageSpeed Optimierung für Shopware finden Sie hier »

Written by

Senior SEO-Manager - Position One GmbH aus Hamburg. Sie benötigen eine professionelle Suchmaschinenoptimierung für Ihre Website oder Onlineshop? Sie möchten Top-Rankings bei den Suchmaschinen Google und Bing? Ich berate Sie gerne für SEO mit 19 Jahren Erfahrung! Schreiben Sie mir eine E-Mail: siefken(at)position-one.de

4 Responses to “Ladezeit Youtube Videos optimieren für PageSpeed”

By Christian - 26 Februar 2020 Antworten

Beim Original Youtube Code hat das Iframe kein data-src Attribut, daher macht der Code nichts.
Man muss den Youtube Code vorher entsprechend modifizieren.

By Jan Siefken - 28 Februar 2020 Antworten

Vielen Dank für den Hinweis. Das habe ich vergessen zu erwähnen.

By Thomas - 26 August 2021 Antworten

Moin – ja und was bedeutet das nun? “Das habe ich vergessen zu erwähnen” ist ja dann noch nicht alles. Was muss man entsprechend modifizieren? Bei mir sagt der Code-Editor schon Fehler (scr must have a value)….

By Jan Siefken - 26 August 2021 Antworten

Moin, ich habe nun mal ein Beispiel Youtube Video mit dem modifizierten Code eingebunden.

Wichtig ist, dass auch der Javascript Code mit data-src im Footer der Seite bzw. Beitrag eingefügt wird. Für WordPress gibt es dafür z.B. das Plugin “Head & Footer Code”.

Leave a Comment


Mit Absenden des Kommentarformulars bestätigen Sie, dass wir Ihre Daten im Rahmen unserer Datenschutzbestimmungen verarbeiten dürfen.