mijn website sneller maken door video te verwijderenEen 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 :
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 |
