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.

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

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

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:

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