mijn website sneller maken door video te verwijderen

Een video op je homepage lijkt een mooie toevoeging van je website.
Het lijkt allemaal wel snel te laden, alleen moet je wel alle metingen meenemen.
Wat je meestal niet ziet of merkt is de javascript code die onderwater voor een video wordt geladen.

Alleen gebruik je youtube, dan worden er diverse zaken vanaf YouTube en/of Google geladen. Dit zie je niet, alleen met performance analyse tools zie je bijv. deze zaken :

2403 mswww.youtube.com/embed/videocode.....
311 mswww.youtube.com/yts/cssbin/www-player-vflmk1hsV.css
873 mswww.youtube.com/yts/jsbin/www-embed-player-vflmk1hsU/www-embed-player.js
1360 mswww.youtube.com/yts/jsbin/player-vflzCRPJh/en_US/base.js
243 mswww.youtube.com/api/stats/qoe?......
1921 msgoogleads.g.doubleclick.net/pagead/id
1929 msstatic.doubleclick.net/instream/ad_status.js

Worden geladen.

Wanneer er meerdere videos op een homepage staan, dan kan de performance dalen met 2 tot 3 seconden per video !!

Slimmer is om de video niet op de homepage, maar op een andere pagina te zetten.

Op meerdere websites is een video geplaatst en vergeleken met de performance met en zonder video.
Zonder video is de laadtijd voor nieuwe bezoekers (zonder caching) tussen de 2 en de 3 seconden sneller !


Hoe kun je een website sneller maken door een video te verwijderen ?
Er is onderzoek gedaan naar verschillende websites met een video ge-embed op de homepage.
In dit performance onderzoek is uitgegaan van de simpele website van mooiste-stranden.nl:

Google page speed insite meting : mobile 99 en desktop 71


Een video die je embed (in html programmeertaal) lijkt weinig tijd te kosten.
Want de video en de player worden vanaf youtube geladen.
Youtube is onderdeel van Google en beschikt over een super snel CDN netwerk met overal ter wereld super snelle servers.

Technische achtergrond: ieder plaatje, foto, javascript of filmpje of (afspeel) knopje kost laadtijd en is een hit of request en wordt getoond per regel in wpt:

Volgens andere tools zoals WPT.org blijkt de performance toch wel enige vertraging op te lopen

Bron: webpagetest.org mooiste-stranden.nl


						Document Complete		Fully Loaded
Load Time First Byte  Start Render  Speed Index	Time	Requests / Bytes In	Time	Requests / Bytes In	Certificates
5.006s	  0.135s      0.213s	    1017	5.006s	18	1,517 KB	5.330s	20	1,519 KB	22 KB

Een laadtijd van 5 seconden wordt voornamelijk veroorzaakt door:

regel / request 3: URL: mooiste-stranden.nl/seychellen/seychellen-la-digue-petit-anse-strand-20160427.jpg
Content Download: 1235 ms
Bytes In (downloaded): 364.5 KB

regel / request 4: mooiste-stranden.nl/seychellen/seychellen-la-digue-grande-anse-beach-20160427.jpg
Content Download: 1443 ms
Bytes In (downloaded): 452.2 KB

Dat zijn 2 foto's van de website zelf die geladen worden in zeer groot formaat en scherpe resolutie.

Daarna komt You Tube: met in totaal 15 requests.
regel / request 5 tm 18:

request: 5 http://www.youtube.com/embed/2DrmGH44WYY
request: 6 https://www.youtube.com/embed/2DrmGH44WYY
request: 9 https://www.youtube.com/yts/jsbin/player-vflm39o9Z/en_US/base.js

Content Download: 936 ms

request: 11 https://www.google.com/js/bg/emA3Nf9UFuDLsbg8iyF6eqRgzDNICBcZJ6qnEgm6vhg.js
even een andere URL laden !!!
(dit kost extra veel tijd ivm connectie en SSL tijd (1e keer extra lang !))

Initial Connection: 312 ms
SSL Negotiation: 584 ms

Daarna komen de advertentie's ???? heb je daar om gevraagd ?
req 13: URL: https://googleads.g.doubleclick.net/pagead/id

weer een nieuwe URL:
DNS Lookup: 364 ms
Initial Connection: 391 ms
SSL Negotiation: 659 ms
Time to First Byte: 141 ms

request 14: https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxM.woff
weer een nieuwe URL:
DNS Lookup: 334 ms
Initial Connection: 392 ms
SSL Negotiation: 692 ms
Time to First Byte: 168 ms
Content Download: 174 ms
Bytes In (downloaded): 19.8 KB


Totaal bijna 2 seconden ! voor de advertenties van de embed video !

--- Conclusie:

Het laden van de youtube video kost ongeveer 1,5 tot 2,5 seconden.
req 5 tm 10 van 0,2 tot 2,7 (tot 4,0) sec.

Het laden van de advertentie (die youtube niet laat zien): kost: 1,5 tot 1,75 seconden.

req 11 tm 17 van 3,2 tot 5 seconden.


bron: webpagetest.org mooiste-stranden.nl waterval

Filmstrip mooiste-stranden.nl



Is het wel slim om een you tube video op je homepage te plaatsen NEE !!



Arie vd Giesen van Profias is expert in het optimaliseren en verkleinen van websites en kan ook Uw website kleiner en sneller maken !


mijn website sneller maken homepage.



Meer Performanceadvies tools en tips




video op je website verplaatsen om je homepage sneller te maken