YouTube: Einfluss auf den Pagespeed
Kategorie: Video-Einbettung
Ein eingebettetes YouTube-Video lädt den vollständigen Player samt JavaScript, sobald das iframe dargestellt wird, auch wenn niemand auf Abspielen klickt. Damit gehört es zu den teuersten Einbettungen je Seite.
Auf 3,6 % der 4108 gemessenen Startseiten gehört YouTube zu den fünf schwersten Drittanbietern. Dort kostet es im Median 666 ms Main-Thread-Zeit, auf dem schwersten Viertel dieser Websites 1.133 ms oder mehr.
3,6 %
der Startseiten: unter den fünf schwersten Drittanbietern
666 ms
Main-Thread-Zeit (Median)
1.133 ms
Main-Thread-Zeit auf dem schwersten Viertel (p75)
998 KB
Transfergröße (Median)
Verteilung über die Startseiten
Perzentile über 148 Startseiten mit YouTube.
| Perzentil | Main-Thread-Zeit | Transfergröße |
|---|---|---|
| p25 |
383 ms
|
970 KB |
| Median |
666 ms
|
998 KB |
| p75 |
1.133 ms
|
1,9 MB |
| p90 |
1.791 ms
|
2,9 MB |
Einordnung
YouTube hat die höchste mittlere Main-Thread-Zeit der 65 Drittanbieter im Benchmark, danach folgt Google Tag Manager.
Auf 78 % der Startseiten, auf denen es vorkommt, verbraucht YouTube allein 250 Millisekunden Main-Thread-Zeit oder mehr. Ab dieser Marke bemängelt Lighthouse Drittanbieter-Code.
Startseiten mit YouTube wiegen im Median 7,0 MB (JavaScript: 2,6 MB), Startseiten ohne 4,2 MB (JavaScript: 1,6 MB).
Häufig zusammen geladen mit
Anteil der Startseiten mit YouTube, auf denen das andere Tool ebenfalls zu den fünf schwersten Drittanbietern gehört.
- Google Tag Manager 84 %
- Other Google APIs/SDKs 37 %
- Facebook 32 %
So erkennen Sie YouTube auf Ihrer Seite
Eine Einbettung ruft die Player-Seite von youtube.com oder youtube-nocookie.com ab, danach base.js und Styles des Players sowie eine Reihe von Protokollanfragen an dieselbe Domain. Der Aufwand fällt je Einbettung an, eine Seite mit drei Videos trägt ihn also dreimal. Eine Fassade macht daraus eine einzige Bildanfrage, bis jemand das Video wirklich ansehen will.
So verringern Sie den Einfluss von YouTube
- Nutzen Sie eine Fassade: ein Vorschaubild mit Play-Schaltfläche, der Player lädt erst beim Klick (etwa mit lite-youtube-embed).
- Ergänzen Sie loading="lazy" bei iframes unterhalb des sichtbaren Bereichs.
- Die Domain youtube-nocookie.com hilft beim Datenschutz, verringert aber nicht das JavaScript des Players.
Häufige Fragen
Wie binde ich YouTube schonender ein?
Nutzen Sie eine Fassade: ein Vorschaubild mit Play-Schaltfläche, der Player lädt erst beim Klick (etwa mit lite-youtube-embed). Ergänzen Sie loading="lazy" bei iframes unterhalb des sichtbaren Bereichs.
Beeinflusst YouTube die Core Web Vitals?
Eine YouTube-Einbettung wirkt vor allem auf den LCP und über die Player-Skripte auf den INP-Wert. Das Standard-iframe lädt den Player, sobald die Seite öffnet, auch wenn niemand auf Abspielen drückt. Steht das Video oben auf der Seite, kann sein Vorschaubild zum größten Element werden. Ein iframe ohne feste Abmessungen verschiebt beim Laden zusätzlich das Layout.
Methode und Stichprobe: Drittanbieter-Benchmark.