Youtube Videos korrekt einbinden für gute Ladegeschwindigkeit
Hallo,
ich versuche gerade meine Youtube-Videos (iframes) so einzubinden, dass der Hauptthread nicht blockiert wird, denn das erhöht die Ladegeschwindigkeit.
Ich habe im Internet ein Tutorial gefunden, wo man im Iframe das Attribut "data-src" mitgibt, statt "src".
Zusätzlich wird dann per JS beim Seitenaufruf "data-src" in "src" geladen:
HTML-Code:
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;
Leider funktioniert das nicht bei mir, er lädt trotzdem sofort das Youtube-Video, der PageSpeed bei Google ist unverändert!
Könnt ihr mir helfen?
Gruß Chris