{"id":280,"date":"2019-01-25T19:23:47","date_gmt":"2019-01-25T18:23:47","guid":{"rendered":"https:\/\/www.impress-webdesign.nl\/?p=280"},"modified":"2022-11-22T11:50:30","modified_gmt":"2022-11-22T10:50:30","slug":"hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos","status":"publish","type":"post","link":"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/","title":{"rendered":"Hoe verbeter je de laadsnelheid van een website met veel video\u2019s"},"content":{"rendered":"\n

Laadsnelheid website traag door video\u2019s.<\/strong><\/h2>\n\n\n\n

Recentelijk werd ik door een klant benaderd over een van zijn websites. De laden van de website duurde in zijn ogen te lang. Ok, wanneer is een website te traag? Daar zijn diverse getallen en meningen over te vinden op het internet, maar je merkt het zelf wanneer je een webshop of website bezoekt. Meer als 10 seconden ervaart men als echt  teveel. Zelf heb ik de regel, maximaal 5 seconden, maar onder de 3 seconden is beter.<\/p>\n\n\n\n

Doormeten van de website<\/h4>\n\n\n\n

Als eerste begin ik dan met het doormeten van de website. Dit doe ik op verschillende momenten en met meerdere tools om een zo goed mogelijk beeld te krijgen.
Zo krijg ik in beeld hoe de laadtijd is op de verschillende devices, mobiel, tablet en desktop. Tevens geven een meerdere testen een beter beeld. E\u00e9n meting snel of traag, kan een incident zijn. Het kan namelijk zo zijn dat je even een slechte server response of een lagere internet snelheid hebt.<\/p>\n\n\n\n

De verschillende aspecten van laadsnelheid.<\/h4>\n\n\n\n

Belangrijk is ook om even onderscheid te maken. Er zijn verschillende fasen in laadsnelheid.
> Time to first byte (TTFB): dit is de tijd die het kost om de eerste byte aan informatie binnen te krijgen. De TTFB-waarde geeft de snelheid van het netwerk, de server \u00e9n de site weer. De time to first byte is deels afhankelijk van de locatie van waaruit je de gegevens opvraagt. Meer over TTFB kun hier<\/a> lezen.<\/p>\n\n\n\n

> Start render: dit is de tijd die het kost voordat een bezoeker de eerste informatie op het scherm ziet staan.<\/p>\n\n\n\n

> De totale laadtijd: Dit is wanneer alle elementen van een pagina (images, CSS, Video\u2019s en JavaScript) ingeladen zijn.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

<\/a>Om het niet al te ingewikkeld te maken gebruiken we in de metingen die hier genoemd worden alleen de totale laadtijd als meet resultaat.<\/p>\n\n\n\n

Laadsnelheid voor optimalisatie<\/h3>\n\n\n\n

De website PremiumKeur Alkmaar die ik heb doormeten is was al eerder geoptimaliseerd en heeft en geeft een keurige 80 \/ 92 waarde op de Google pagespeed ranking.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Dit betekent dat je volgens Google een goede en snelle website hebt maar dat is niet helemaal waar. Het betekent meer dat je volgens de Google normen de basics goed voor elkaar hebt maar het zegt weinig over de laadsnelheid van je site.<\/p>\n\n\n\n

Als we deze website met meerdere tools gaan meten krijgen we andere waarden te zien. De meet tool die ik veel gebruik is bijvoorbeeld GT Matrix. Hiermee kan je goed de laadtijden en oorzaken uitlezen.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Nu zie je wat de echte laadtijd is , namelijk 17,7 seconden<\/strong>. Dit is de tijd die nodig is om de gehele pagina te laden.<\/p>\n\n\n\n

Oorzaak<\/strong>
Het probleem zijn de 8 video\u2019s die in de loop van de tijd geplaatst zijn. Die maken de pagina zwaarder en geven een aanzienlijke toename van de laadtijd.<\/p>\n\n\n\n

Oplossing<\/strong>
Wat ik gedaan heb is een script geschreven dat niet de video\u2019s laadt maar een afbeelding van de video. Een afbeelding of ook wel tumbnail genoemd heeft slechts een fractie van de grootte van een video.<\/p>\n\n\n\n

Het script zorgt ervoor dat niet de video wordt ingeladen maar een tumbnail van de video.
De video speelt nu pas af wanneer de gebruiker op de tumbnail drukt.<\/p>\n\n\n\n

Laadsnelheid na de optimalisatie<\/h3>\n\n\n\n

Wat is nu de laadsnelheid na deze optimalisatie? Na de implementatie van het script gaan we opnieuw testen.
Zoals je ziet is de snelheid spectaculair verbeterd. Nu zien we een laadtijd van 2.4 seconden<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Dit is verbetering van 637% ! Ook kun je zien dat de pagina grootte (page size) en de request sterk zijn gereduceerd.<\/p>\n\n\n\n

Laadsnelheid van uw website is?<\/h4>\n\n\n\n

Bent u benieuwd of uw website een goede laadsnelheid heeft? Mail uw website gegevens naar\u00a0info@impress-webesign.nl\u00a0en ik laat uw de mogelijkheden tot verbetering zien.<\/p>\n\n\n\n

\n
\n
\"Andr\u00e9<\/a>
Andr\u00e9 den Breejen<\/figcaption><\/figure><\/div>\n<\/div>\n\n\n\n
\n

Wil je weten wat Impress voor jouw website kan betekenen?<\/p>\n\n\n\n

Bel of mail<\/a> mij voor een vrijblijvend gesprek.<\/p>\n\n\n\n

\"\"<\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Laadsnelheid website traag door video\u2019s. Recentelijk werd ik door een klant benaderd over een van zijn websites. De laden van de website duurde in zijn ogen te lang. Ok, wanneer is een website te traag? Daar zijn diverse getallen en meningen over te vinden op het internet, maar je merkt het zelf wanneer je een […]<\/p>\n","protected":false},"author":1,"featured_media":637,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[3],"tags":[11],"acf":[],"yoast_head":"\nHoe verbeter je de laadsnelheid van een website met veel video\u2019s - Impress webdesign<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hoe verbeter je de laadsnelheid van een website met veel video\u2019s - Impress webdesign\" \/>\n<meta property=\"og:description\" content=\"Laadsnelheid website traag door video\u2019s. Recentelijk werd ik door een klant benaderd over een van zijn websites. De laden van de website duurde in zijn ogen te lang. Ok, wanneer is een website te traag? Daar zijn diverse getallen en meningen over te vinden op het internet, maar je merkt het zelf wanneer je een […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/\" \/>\n<meta property=\"og:site_name\" content=\"Impress webdesign\" \/>\n<meta property=\"article:published_time\" content=\"2019-01-25T18:23:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-11-22T10:50:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.impress-webdesign.nl\/wp-content\/uploads\/2019\/01\/woocommerce-laadsnelheid-video.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"286\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Andr\u00e9\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andr\u00e9\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/\"},\"author\":{\"name\":\"Andr\u00e9\",\"@id\":\"https:\/\/www.impress-webdesign.nl\/#\/schema\/person\/f67b4d80727c8ca2cfb372c79fc9a5df\"},\"headline\":\"Hoe verbeter je de laadsnelheid van een website met veel video\u2019s\",\"datePublished\":\"2019-01-25T18:23:47+00:00\",\"dateModified\":\"2022-11-22T10:50:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/\"},\"wordCount\":642,\"publisher\":{\"@id\":\"https:\/\/www.impress-webdesign.nl\/#organization\"},\"keywords\":[\"#Laadsnelheid\"],\"articleSection\":[\"Blogs\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/\",\"url\":\"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/\",\"name\":\"Hoe verbeter je de laadsnelheid van een website met veel video\u2019s - Impress webdesign\",\"isPartOf\":{\"@id\":\"https:\/\/www.impress-webdesign.nl\/#website\"},\"datePublished\":\"2019-01-25T18:23:47+00:00\",\"dateModified\":\"2022-11-22T10:50:30+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.impress-webdesign.nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Hoe verbeter je de laadsnelheid van een website met veel video\u2019s\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.impress-webdesign.nl\/#website\",\"url\":\"https:\/\/www.impress-webdesign.nl\/\",\"name\":\"Impress webdesign\",\"description\":\"Voor ondernemers die meer willen\",\"publisher\":{\"@id\":\"https:\/\/www.impress-webdesign.nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.impress-webdesign.nl\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.impress-webdesign.nl\/#organization\",\"name\":\"Impress webdesign\",\"url\":\"https:\/\/www.impress-webdesign.nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.impress-webdesign.nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.impress-webdesign.nl\/wp-content\/uploads\/2022\/01\/logo-impress-nieuw.svg\",\"contentUrl\":\"https:\/\/www.impress-webdesign.nl\/wp-content\/uploads\/2022\/01\/logo-impress-nieuw.svg\",\"width\":2523,\"height\":1381,\"caption\":\"Impress webdesign\"},\"image\":{\"@id\":\"https:\/\/www.impress-webdesign.nl\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.impress-webdesign.nl\/#\/schema\/person\/f67b4d80727c8ca2cfb372c79fc9a5df\",\"name\":\"Andr\u00e9\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/www.impress-webdesign.nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5beab0a1638edf5d81679756239b7cf9?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5beab0a1638edf5d81679756239b7cf9?s=96&d=mm&r=g\",\"caption\":\"Andr\u00e9\"},\"sameAs\":[\"https:\/\/www.impress-webdesign.nl\"],\"url\":\"https:\/\/www.impress-webdesign.nl\/author\/lekker919\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Hoe verbeter je de laadsnelheid van een website met veel video\u2019s - Impress webdesign","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/","og_locale":"nl_NL","og_type":"article","og_title":"Hoe verbeter je de laadsnelheid van een website met veel video\u2019s - Impress webdesign","og_description":"Laadsnelheid website traag door video\u2019s. Recentelijk werd ik door een klant benaderd over een van zijn websites. De laden van de website duurde in zijn ogen te lang. Ok, wanneer is een website te traag? Daar zijn diverse getallen en meningen over te vinden op het internet, maar je merkt het zelf wanneer je een […]","og_url":"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/","og_site_name":"Impress webdesign","article_published_time":"2019-01-25T18:23:47+00:00","article_modified_time":"2022-11-22T10:50:30+00:00","og_image":[{"width":500,"height":286,"url":"https:\/\/www.impress-webdesign.nl\/wp-content\/uploads\/2019\/01\/woocommerce-laadsnelheid-video.jpg","type":"image\/jpeg"}],"author":"Andr\u00e9","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Andr\u00e9","Geschatte leestijd":"3 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/#article","isPartOf":{"@id":"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/"},"author":{"name":"Andr\u00e9","@id":"https:\/\/www.impress-webdesign.nl\/#\/schema\/person\/f67b4d80727c8ca2cfb372c79fc9a5df"},"headline":"Hoe verbeter je de laadsnelheid van een website met veel video\u2019s","datePublished":"2019-01-25T18:23:47+00:00","dateModified":"2022-11-22T10:50:30+00:00","mainEntityOfPage":{"@id":"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/"},"wordCount":642,"publisher":{"@id":"https:\/\/www.impress-webdesign.nl\/#organization"},"keywords":["#Laadsnelheid"],"articleSection":["Blogs"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/","url":"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/","name":"Hoe verbeter je de laadsnelheid van een website met veel video\u2019s - Impress webdesign","isPartOf":{"@id":"https:\/\/www.impress-webdesign.nl\/#website"},"datePublished":"2019-01-25T18:23:47+00:00","dateModified":"2022-11-22T10:50:30+00:00","breadcrumb":{"@id":"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.impress-webdesign.nl\/hoe-verbeter-je-de-laadsnelheid-van-een-website-met-veel-videos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.impress-webdesign.nl\/"},{"@type":"ListItem","position":2,"name":"Hoe verbeter je de laadsnelheid van een website met veel video\u2019s"}]},{"@type":"WebSite","@id":"https:\/\/www.impress-webdesign.nl\/#website","url":"https:\/\/www.impress-webdesign.nl\/","name":"Impress webdesign","description":"Voor ondernemers die meer willen","publisher":{"@id":"https:\/\/www.impress-webdesign.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.impress-webdesign.nl\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/www.impress-webdesign.nl\/#organization","name":"Impress webdesign","url":"https:\/\/www.impress-webdesign.nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.impress-webdesign.nl\/#\/schema\/logo\/image\/","url":"https:\/\/www.impress-webdesign.nl\/wp-content\/uploads\/2022\/01\/logo-impress-nieuw.svg","contentUrl":"https:\/\/www.impress-webdesign.nl\/wp-content\/uploads\/2022\/01\/logo-impress-nieuw.svg","width":2523,"height":1381,"caption":"Impress webdesign"},"image":{"@id":"https:\/\/www.impress-webdesign.nl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.impress-webdesign.nl\/#\/schema\/person\/f67b4d80727c8ca2cfb372c79fc9a5df","name":"Andr\u00e9","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/www.impress-webdesign.nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5beab0a1638edf5d81679756239b7cf9?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5beab0a1638edf5d81679756239b7cf9?s=96&d=mm&r=g","caption":"Andr\u00e9"},"sameAs":["https:\/\/www.impress-webdesign.nl"],"url":"https:\/\/www.impress-webdesign.nl\/author\/lekker919\/"}]}},"_links":{"self":[{"href":"https:\/\/www.impress-webdesign.nl\/wp-json\/wp\/v2\/posts\/280"}],"collection":[{"href":"https:\/\/www.impress-webdesign.nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.impress-webdesign.nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.impress-webdesign.nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.impress-webdesign.nl\/wp-json\/wp\/v2\/comments?post=280"}],"version-history":[{"count":0,"href":"https:\/\/www.impress-webdesign.nl\/wp-json\/wp\/v2\/posts\/280\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.impress-webdesign.nl\/wp-json\/wp\/v2\/media\/637"}],"wp:attachment":[{"href":"https:\/\/www.impress-webdesign.nl\/wp-json\/wp\/v2\/media?parent=280"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.impress-webdesign.nl\/wp-json\/wp\/v2\/categories?post=280"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.impress-webdesign.nl\/wp-json\/wp\/v2\/tags?post=280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}