{"id":11070,"date":"2024-10-17T16:01:04","date_gmt":"2024-10-17T14:01:04","guid":{"rendered":"https:\/\/burorader.com\/?p=11070"},"modified":"2025-06-17T17:23:27","modified_gmt":"2025-06-17T15:23:27","slug":"snelheid-wordpress-website-verbeteren","status":"publish","type":"post","link":"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/","title":{"rendered":"5 must do\u2019s: eenvoudig snelheid WordPress website verbeteren"},"content":{"rendered":"\r\n<p>Een blog over eenvoudig de snelheid van een WordPress website verbeteren mag niet ontbreken op mijn website. Want weet je dat jouw ranking in Google, niet alleen afhankelijk is van het juist gebruiken van zoektermen waarop je wilt worden gevonden? En ook niet van het aantal inkomende en uitgaande links? Nee, Google kijkt ook naar de snelheid van websites. En daarbij is de laadsnelheid op mobiele telefoons ook nog eens belangrijker dan de laadsnelheid op desktop computers.<\/p>\r\n\r\n\r\n\r\n<p>Er zijn veel zaken die invloed hebben op de snelheid van websites. Een aantal zaken zijn heel technisch. Maar er zijn 5 must do\u2019s die niet technisch zijn en die je dus zelf kan gebruiken om de snelheid van jouw WordPress website te verbeteren.<\/p>\r\n\r\n\r\n\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_83 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhoudsopgave<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle tabel met inhoud\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #790f75;color:#790f75\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #790f75;color:#790f75\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Waarom_snelheid_website_verbeteren\" >Waarom snelheid website verbeteren?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Voorkomen_dat_bezoekers_voortijdig_afhaken\" >Voorkomen dat bezoekers voortijdig afhaken<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Hoe_snelheid_WordPress_website_testen\" >Hoe snelheid WordPress website testen?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Snelheid_WordPress_website_testen_met_GTmetrix\" >Snelheid WordPress website testen met GTmetrix<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Snelheid_WordPress_website_testen_met_Google_PageSpeed_Insights\" >Snelheid WordPress website testen met Google PageSpeed Insights<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Wat_je_moet_weten_wanneer_je_de_snelheid_van_jouw_website_wilt_testen\" >Wat je moet weten wanneer je de snelheid van jouw website wilt testen?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Altijd_meerdere_keren_snelheid_WordPress_website_testen\" >Altijd meerdere keren snelheid WordPress website testen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Welke_informatie_haal_je_uit_de_testen_en_wat_kun_je_ermee\" >Welke informatie haal je uit de testen en wat kun je ermee?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Reduce_initial_server_response_time\" >Reduce initial server response time<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Avoid_enormous_network_payloads\" >Avoid enormous network payloads<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#5_must_dos_eenvoudig_snelheid_WordPress_website_verbeteren\" >5 must do\u2019s: eenvoudig snelheid WordPress website verbeteren<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#1_%E2%80%93_Hosting\" >1 \u2013 Hosting<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#2_%E2%80%93_Te_veel_plugins_en_of_widgets\" >2 \u2013 Te veel plugins en \/ of widgets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#3-_De_juiste_en_goed_ingestelde_cache_en_optimalisatie_plugins\" >3- De juiste en goed ingestelde cache en optimalisatie plugin(s)<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Caching_plugin\" >Caching plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Website_sneller_maken_met_een_optimalisatie_plugin\" >Website sneller maken met een optimalisatie plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Beste_Divi_cache_plugin\" >Beste Divi cache plugin<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#4_%E2%80%93_Afbeeldingen\" >4 \u2013 Afbeeldingen<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Juiste_afmeting\" >Juiste afmeting<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Optimaliseren\" >Optimaliseren<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#5_%E2%80%93_Een_placeholder_plugin_voor_videos\" >5 &#8211; Een placeholder plugin voor video&#8217;s<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Tot_slot\" >Tot slot<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/burorader.com\/nl\/snelheid-wordpress-website-verbeteren\/#Website_analyse_meer_dan_snelheid_WordPress_website_testen\" >Website analyse, meer dan snelheid WordPress website testen<\/a><\/li><\/ul><\/nav><\/div>\n<h2 id=\"waarom-snelheid-website-verbeteren\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Waarom_snelheid_website_verbeteren\"><\/span>Waarom snelheid website verbeteren?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Er zijn meerdere redenen waarom je een snelle website wilt hebben. Je wilt voorkomen dat bezoekers voortijdig afhaken. Maar je wilt ook een betere score, ofwel betere ranking, dan vergelijkbare langzamere websites in de zoekresultaten van Google. Een kwart seconde kan het verschil al maken.<\/p>\r\n\r\n\r\n\r\n<h2 id=\"voorkomen-dat-bezoekers-voortijdig-afhaken\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Voorkomen_dat_bezoekers_voortijdig_afhaken\"><\/span>Voorkomen dat bezoekers voortijdig afhaken<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Er is veel onderzoek gedaan naar het vroegtijdig afhaken van bezoekers wanneer een website niet snel genoeg verschijnt. SEO goeroe Neil Patel schrijft in zijn <a href=\"https:\/\/neilpatel.com\/blog\/loading-time\/\" target=\"_blank\" rel=\"noreferrer noopener\">blog How Loading Time Affects Your Bottom Line<\/a> onder andere:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>47% van de bezoekers verwacht dat een website in 2 seconde of sneller laadt<\/li>\r\n\r\n\r\n\r\n<li>40% van de bezoekers verlaat een website die meer dan 3 seconde nodig heeft om te laden<\/li>\r\n\r\n\r\n\r\n<li>een vertraging van 1 seconde kan leiden tot een vermindering van 7% in conversies<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>Er is ook het feit dat mensen bij een langzaam ladende website liever tijd besteden aan een zoektocht naar een andere website, dan dat ze even wachten tot de website is geladen. Dit is te vergelijken met het Houston Airport Incident.<\/p>\r\n\r\n\r\n\r\n<p>Toen passagiers maar 1 minuut naar de bagageband hoefden te lopen om hun bagage af te halen en daar vervolgens 7 minuten moesten wachten op die bagage regende het klachten. De oplossing: de passagiers omleiden, zodat ze 6 minuten moesten lopen en nog \u2018maar\u2019 2 minuten hoefden te wachten op hun bagage. Er kwamen gaan klachten meer!<\/p>\r\n\r\n\r\n\r\n<h2 id=\"hoe-snelheid-wordpress-website-testen\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Hoe_snelheid_WordPress_website_testen\"><\/span>Hoe snelheid WordPress website testen?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Er bestaan verschillende tools om de snelheid van een WordPress website te testen. De 3 bekendste tools zijn:<\/p>\r\n\r\n\r\n\r\n<h3 id=\"snelheid-wordpress-website-testen-met-gtmetrix\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Snelheid_WordPress_website_testen_met_GTmetrix\"><\/span>Snelheid WordPress website testen met GTmetrix<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p>De gratis <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">GTmetrix<\/a> versie test alleen voor desktop. Deze tool geeft heel duidelijk de verbeterpunten aan, waarbij je via de <strong>Learn how to improve this<\/strong> link kan lezen hoe je jouw WordPress website sneller kan maken. Let er op dat je een testlocatie kiest in de buurt van waar je klanten zich bevinden.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1317\" height=\"761\" class=\"wp-image-11029\" title=\"Snelheid WordPress website testen met GTmetrix\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2022\/02\/snelheid-WordPress-website-testen-met-gtmetrix.jpg\" alt=\"Snelheid WordPress website testen met GTmetrix\" srcset=\"https:\/\/burorader.com\/wp-content\/uploads\/2022\/02\/snelheid-WordPress-website-testen-met-gtmetrix.jpg 1317w, https:\/\/burorader.com\/wp-content\/uploads\/2022\/02\/snelheid-WordPress-website-testen-met-gtmetrix-1280x740.jpg 1280w, https:\/\/burorader.com\/wp-content\/uploads\/2022\/02\/snelheid-WordPress-website-testen-met-gtmetrix-980x566.jpg 980w, https:\/\/burorader.com\/wp-content\/uploads\/2022\/02\/snelheid-WordPress-website-testen-met-gtmetrix-480x277.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1317px, 100vw\" \/><\/figure>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<h3 id=\"snelheid-wordpress-website-testen-met-google-pagespeed-insights\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Snelheid_WordPress_website_testen_met_Google_PageSpeed_Insights\"><\/span>Snelheid WordPress website testen met Google PageSpeed Insights<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p>Met <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google PageSpeed Insights<\/a> test je de snelheid van websites voor mobiel en voor desktop. De nadruk licht hierbij op mobiel, logisch want dit vind Google belangrijker dan desktop. Ook deze tool geeft ook verbeterpunten aan.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"980\" height=\"1002\" class=\"wp-image-11034\" title=\"Snelheid WordPress website testen met Google PageSpeed Insights\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2022\/02\/snelheid-wordpress-website-testen-met-Google-PageSpeed-Insights.jpg\" alt=\"Snelheid WordPress website testen met Google PageSpeed Insights\" srcset=\"https:\/\/burorader.com\/wp-content\/uploads\/2022\/02\/snelheid-wordpress-website-testen-met-Google-PageSpeed-Insights.jpg 980w, https:\/\/burorader.com\/wp-content\/uploads\/2022\/02\/snelheid-wordpress-website-testen-met-Google-PageSpeed-Insights-480x491.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) 980px, 100vw\" \/><\/figure>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n\r\n\r\n<h2 id=\"wat-je-moet-weten-wanneer-je-de-snelheid-van-jouw-website-wilt-testen\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Wat_je_moet_weten_wanneer_je_de_snelheid_van_jouw_website_wilt_testen\"><\/span>Wat je moet weten wanneer je de snelheid van jouw website wilt testen?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Kies de juiste testlocatie. Wanneer jouw klanten voornamelijk in Nederland zitten, heeft het weinig zin om de snelheid te testen op een server in de Verenigde Staten. Kies altijd de dichtstbijzijnde server. Voor GTmetrix is dat bijvoorbeeld de server in London.<\/p>\r\n\r\n\r\n\r\n<h2 id=\"altijd-meerdere-keren-snelheid-wordpress-website-testen\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Altijd_meerdere_keren_snelheid_WordPress_website_testen\"><\/span>Altijd meerdere keren snelheid WordPress website testen<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Test altijd meerdere keren. Dit is helemaal belangrijk wanneer je een cache plugin gebruikt. Dan zal de website namelijk ook in de cache van de testserver moeten gaan zitten. Daarom zul je meerdere keren moeten testen. Als het goed is zie je na een aantal testen, de resultaten verbeteren. Kies tevens voor 1 of maximaal 2 tools, want alle tools hebben hun eigen methode. De perfecte score is lastig te behalen, ga daarom voor verbeteringen. Zelf gebruik ik altijd GTmetrix en Google PageSpeed Insights.<\/p>\r\n\r\n\r\n\r\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\r\n<p><strong>Wat is cache?<br \/><\/strong>Cache is het in het geheugen opslaan van de website, zodat een webpagina niet bij ieder nieuw bezoek opnieuw opgebouwd moet worden, maar als het ware uit het geheugen gevist wordt en op die manier een stuk sneller verschijnt. Een WordPress website sneller maken begint vaak met het installeren van een goede cache plugin. Maar daarover later meer.<\/p>\r\n<\/blockquote>\r\n\r\n\r\n\r\n<h2 id=\"welke-informatie-haal-je-uit-de-testen-en-wat-kun-je-ermee\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Welke_informatie_haal_je_uit_de_testen_en_wat_kun_je_ermee\"><\/span>Welke informatie haal je uit de testen en wat kun je ermee?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>De informatie die verschijnt nadat je een test hebt gedaan, kan overweldigend zijn. Laat je hier niet door afschrikken. Bij GTmetrix kun je bijvoorbeeld klikken op Learn how to improve this. Je krijgt dan duidelijke informatie, over wat je kunt doen om de snelheid van jouw website te verbeteren. Veel voorkomende verbeterpunten zijn Reduce initial server response time en Avoid enormous network payloads.<\/p>\r\n\r\n\r\n\r\n<h3 id=\"reduce-initial-server-response-time\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Reduce_initial_server_response_time\"><\/span>Reduce initial server response time<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p>Letterlijk vertaald is dit <strong>Verminder de eerste reactietijd van de server<\/strong>. Dit is de tijd die de browser nodig heeft om de eerste byte te ontvangen in antwoord op het verzoek van de browser. De server is druk bezig met het verwerken van verzoeken, het doorzoeken van databases, het verwerken van back-end code en het opbouwen van de pagina. Tot die tijd ziet de bezoeker vaak een wit scherm.<\/p>\r\n<p>Het is eigenlijk net zoals wanneer je op de bel drukt bij een huis en je niet lang hoeft te wachten voordat iemand de deur opent.<\/p>\r\n\r\n\r\n\r\n<p>Verbetering hiervan doe je door optimalisatie van Javascript, HTML en CSS bestanden en het instellen van caching. Dit doe je door het installeren van een of meer plugins. Er zijn gelukkig plugins die beide functionaliteiten combineren. Je zult deze plugins overigens goed moeten configureren. Tevens zul je altijd meerdere plugins willen testen, om te weten welke plugin het beste met jouw website werkt. Je zou vooraf via Google kunnen kijken, welke plugin het beste werkt met het door jou gebruikte WordPress thema. Mocht je net zoals ik met de <a href=\"https:\/\/www.elegantthemes.com\/affiliates\/idevaffiliate.php?id=66531&amp;url=78651\" target=\"_blank\" rel=\"noreferrer noopener\">page builder Divi van Elegant Themes<\/a> werken, ik gebruik de <a href=\"https:\/\/wordpress.org\/plugins\/swift-performance-lite\/\" target=\"_blank\" rel=\"noreferrer noopener\">gratis Swift Performance plugin<\/a> voor optimalisatie en caching van de Divi websites die ik maak.<\/p>\r\n<p>Deze reactietijd is overigens ook afhankelijk van de kwaliteit van de hosting provider die je gebruikt voor het hosten van een website.<\/p>\r\n\r\n\r\n\r\n<h3 id=\"avoid-enormous-network-payloads\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Avoid_enormous_network_payloads\"><\/span>Avoid enormous network payloads<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p>Letterlijk vertaald is dit <strong>Voorkom grote hoeveelheden data bij het laden van de website<\/strong>. Deze melding geeft aan dat er voor het laten zien van de pagina, er heel veel MB\u2019s gedownload moeten worden. Telkens wanneer een pagina wordt geladen, vraagt de browser de server om paginabronnen. De totale grootte van al deze bronnen bepaalt de network payload.<\/p>\r\n<p>Dit betekent dat je ervoor zorgt dat de website niet te veel gegevens tegelijkertijd naar de gebruiker stuurt, zoals grote afbeeldingen of video&#8217;s. Dit maakt de website trager.<\/p>\r\n<p>Een eenvoudig voorbeeld: stel je voor dat je een brief naar iemand stuurt. Als je alleen een brief stuurt, komt die snel aan. Maar als je een hele doos vol spullen stuurt, duurt het langer. Zo werkt het ook met websites: als je alleen de essenti\u00eble bestanden stuurt, laadt de website sneller. Grote bestanden, zoals video&#8217;s of afbeeldingen, vertragen het proces.<\/p>\r\n\r\n\r\n\r\n<p>Ook hier helpt een optimalisatie en cache plugin. Maar vaak wordt deze melding ook veroorzaakt door het niet hebben van voor een website geoptimaliseerde afbeeldingen. Zorg er altijd voor dat je de afbeeldingen upload op het formaat dat je de afbeelding op je website wilt laten zien. En voordat je afbeeldingen toevoegt aan je website, optimaliseer je de bestandgrootte op de <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">TinyPNG website<\/a>.<\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"209\" class=\"wp-image-7616\" title=\"Snelheid WordPress website verbeteren door afbeeldingen te optimaliseren met TinyPNG\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/11\/afbeeldingen-optimaliseren-voor-website-tinypng.jpg\" alt=\"Snelheid WordPress website verbeteren door afbeeldingen te optimaliseren met TinyPNG\" srcset=\"https:\/\/burorader.com\/wp-content\/uploads\/2020\/11\/afbeeldingen-optimaliseren-voor-website-tinypng.jpg 1600w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/11\/afbeeldingen-optimaliseren-voor-website-tinypng-1280x167.jpg 1280w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/11\/afbeeldingen-optimaliseren-voor-website-tinypng-980x128.jpg 980w, https:\/\/burorader.com\/wp-content\/uploads\/2020\/11\/afbeeldingen-optimaliseren-voor-website-tinypng-480x63.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1600px, 100vw\" \/><\/figure>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<p>Veel websites hebben bovenaan hun pagina een slider met mooie foto\u2019s. Zo\u2019n slider staat leuk, maar de bezoeker heeft er eigenlijk heel weinig aan. Die wil gelijk de informatie zien waar hij naar op zoek is en begint te scrollen voordat de 2e afbeelding geladen is. En dit terwijl een slider juist de website traag maakt. En al helemaal in combinatie met niet geoptimaliseerde afbeeldingen. Weet dat zelfs piepkleine afbeeldingen die niet klikbaar zijn, zijn groter dan klikbare geoptimaliseerde kunnen zijn.<\/p>\r\n\r\n\r\n\r\n<h2 id=\"4-must-do-s-eenvoudig-snelheid-wordpress-website-verbeteren\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_must_dos_eenvoudig_snelheid_WordPress_website_verbeteren\"><\/span>5 must do\u2019s: eenvoudig snelheid WordPress website verbeteren<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<h3 id=\"1-hosting\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_%E2%80%93_Hosting\"><\/span>1 \u2013 Hosting<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p>Een goede hosting provider is onmisbaar. De laadtijd kan bij minder goede hosting providers langzamer zijn dan bij een goede hosting provider. Je wilt je hosting provider kiezen, die zich bevindt waar de meeste van jouw klanten zich bevinden.<\/p>\r\n\r\n\r\n\r\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\r\n<p>Verder lezen? Mijn blog <a href=\"https:\/\/burorader.com\/nl\/hoe-kies-je-de-beste-webhosting\/\">Hoe kies je de beste webhosting?<\/a><\/p>\r\n<\/blockquote>\r\n\r\n\r\n\r\n<h3 id=\"2-te-veel-plugins-en-of-widgets\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_%E2%80%93_Te_veel_plugins_en_of_widgets\"><\/span>2 \u2013 Te veel plugins en \/ of widgets<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p>Teveel (onnodige) plugins en \/ of widgets zorgen ook voor een trage website. Denk hierbij bijvoorbeeld ook aan verwijzingen naar Facebook en Instagram feeds. Met bijvoorbeeld een eenvoudige Like knop van Facebook worden al maar liefst 40 webverzoeken meegestuurd! Dat staat voor zo\u2019n 700 kB.<\/p>\r\n\r\n\r\n\r\n<p>Onnodig bij plugins staat tussen haakjes. Sommige plugins heb je gewoon nodig en sommige zullen zelfs voor een snellere website zorgen. Maar heel veel zaken zijn zonder plugin toe te voegen. Denk bijvoorbeeld aan Laposta aanmeldformulieren. Daar is echt geen plugin voor nodig. Houd in het oog dat de kwaliteit en de functionaliteit van de ge\u00efnstalleerde plugins is belangrijker dan de hoeveelheid plugins.<\/p>\r\n\r\n\r\n\r\n<h3 id=\"3-de-juiste-en-goed-ingestelde-cache-en-optimalisatie-plugin-s\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3-_De_juiste_en_goed_ingestelde_cache_en_optimalisatie_plugins\"><\/span>3- De juiste en goed ingestelde cache en optimalisatie plugin(s)<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p>WordPress is een zogenaamd dynamische CMS (content management system). Wanneer een bezoeker een WordPress website bezoekt, zal WordPress informatie uit een database moeten ophalen. Vervolgens voert WordPress een aantal stappen uit en pas dan kan de website in de internet browser van de bezoeker getoond worden. En dat voor iedere pagina die de bezoeker op jouw website bekijkt. En dit kost tijd, zeker wanneer veel mensen tegelijkertijd jouw website willen bezoeken.<\/p>\r\n\r\n\r\n\r\n<p>Dit kan gelukkig eenvoudig voorkomen worden door het installeren van een caching plugin. Zo\u2019n plugin zal je website sneller maken.<\/p>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Caching_plugin\"><\/span>Caching plugin<span class=\"ez-toc-section-end\"><\/span><\/h4>\r\n\r\n\r\n\r\n<p>Een caching plugin maakt zodra een pagina voor de eerste keer wordt geladen, een kopie van die pagina. Wanneer vervolgens iemand anders die pagina bezoekt hoeft deze niet meer geheel opnieuw te worden opgebouwd. De opgeslagen kopie (cache) wordt getoond en dit kan een flinke tijdswinst opleveren.<\/p>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Website_sneller_maken_met_een_optimalisatie_plugin\"><\/span>Website sneller maken met een optimalisatie plugin<span class=\"ez-toc-section-end\"><\/span><\/h4>\r\n\r\n\r\n\r\n<p>Het combineren van een caching plugin met een optimalisatie plugin zal je website sneller maken. Een optimalisatie plugin kan scripts en stijlen samenvoegen, verkleinen en cachen, injecteert CSS standaard in de paginakop, verplaatst en vervangt scripts naar de voettekst en verkleint HTML. Een heel technisch verhaal maar ook hier zijn eenvoudig in te stellen plugins voor beschikbaar, zoals <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noreferrer noopener\" data-type=\"link\" data-id=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\">Autoptimize<\/a>.<\/p>\r\n\r\n\r\n\r\n<h4 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Beste_Divi_cache_plugin\"><\/span>Beste Divi cache plugin<span class=\"ez-toc-section-end\"><\/span><\/h4>\r\n\r\n\r\n\r\n<p>Voor Divi websites behaal ik de beste resultaten met de <a href=\"https:\/\/nl.wordpress.org\/plugins\/wp-fastest-cache\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Fastest Cache plugin<\/a> en de <a href=\"https:\/\/wordpress.org\/plugins\/swift-performance-lite\/\" target=\"_blank\" rel=\"noopener\">Swift Performance Lite plugin<\/a>.<\/p>\r\n\r\n\r\n\r\n<h3 id=\"4-afbeeldingen\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_%E2%80%93_Afbeeldingen\"><\/span>4 \u2013 Afbeeldingen<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<h4 id=\"juiste-afmeting\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Juiste_afmeting\"><\/span>Juiste afmeting<span class=\"ez-toc-section-end\"><\/span><\/h4>\r\n\r\n\r\n\r\n<p>Voor klikbare foto\u2019s geldt maximaal 1920 pixels breed of 1200 pixels hoog. Maar niet-klikbare foto\u2019s wil je zo groot plaatsen als dat het thema van je website ze weergeeft. Zo werk ik zelf met het Divi thema van Elegant themes en zij hebben op hun website <a href=\"https:\/\/www.elegantthemes.com\/blog\/divi-resources\/the-ultimate-guide-to-using-images-within-divi\" target=\"_blank\" rel=\"noreferrer noopener\">een goed blog staan over welke formaten je nodig hebt voor welke kolombreedte<\/a>, waarbij ook rekening wordt gehouden met het feit dat de weergave op tablets. Want daar wordt een 4 koloms lay-out geen 4 x 1 kolom zoals op een mobiel \u2013 wat dezelfde maat is als de 4 losse kolommen \u2013 maar een 2 x 2 koloms die breder moeten zijn dan de 4 x 1 koloms.<\/p>\r\n\r\n\r\n\r\n<p>Ik zelf gebruik het <a href=\"https:\/\/www.irfanview.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">gratis programma Irfanview<\/a> om afmetingen van afbeeldingen aan te passen en om uitsnedes te maken.<\/p>\r\n\r\n\r\n\r\n<h4 id=\"optimaliseren\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Optimaliseren\"><\/span>Optimaliseren<span class=\"ez-toc-section-end\"><\/span><\/h4>\r\n\r\n\r\n\r\n<p>Vervolgens optimaliseer ik ze via de TinyPNG website, waardoor de bestandgrootte enorm afneemt. De <a href=\"https:\/\/nl.wordpress.org\/plugins\/resmushit-image-optimizer\/\" target=\"_blank\" rel=\"noreferrer noopener\">Resmush.it plugin<\/a> op mijn website worden de afbeeldingen nog een beetje extra geoptimaliseerd.<\/p>\r\n\r\n\r\n\r\n<p>Dat schrijvende, deze website gebruikt een nieuw afbeeldingstype: webp. Wanneer je een jpg bestand converteert naar dit type, neemt de bestandsgrootte enorm af. 95% van bezoekers kunnen webp afbeeldingen zien, alleen bezoekers die Safari op oudere macOS versies zien de afbeeldingen niet. Dit heb ik ondervangen door de <a href=\"https:\/\/wordpress.org\/plugins\/webp-express\/\" target=\"_blank\" rel=\"noreferrer noopener\">Webp Express plugin<\/a> te installeren. Browsers die webp-afbeeldingen niet accepteren, zullen de oorspronkelijke jpg of png afbeelding laten zien.<\/p>\r\n\r\n\r\n\r\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\r\n<p>Meer informatie over afbeeldingen op website lees je in mijn blog <a href=\"https:\/\/burorader.com\/nl\/over-afbeeldingen-op-wordpress-websites\/\">Over afbeeldingen op WordPress websites<\/a>.<\/p>\r\n<\/blockquote>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_%E2%80%93_Een_placeholder_plugin_voor_videos\"><\/span>5 &#8211; Een placeholder plugin voor video&#8217;s<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n\r\n\r\n\r\n<p>Een website wordt trager wanneer je video&#8217;s toevoegt aan jouw website door YouTube of Vimeo video&#8217;s te embedden. Dit omdat &#8211; <strong>zelfs <\/strong>wanneer een bezoeker de video niet bekijkt &#8211; er een script op de pagina geladen wordt om de video te kunnen bekijken.<\/p>\r\n\r\n\r\n\r\n<p>Je kunt dit eenvoudig voorkomen door met een zogenaamde placeholder plugin te werken. Met zo&#8217;n plugin wordt het script pas geladen op het moment dat de bezoeker daadwerkelijk op de video klikt om deze te bekijken.<\/p>\r\n\r\n\r\n\r\n<p>Ik werk zelf met de gratis <a href=\"https:\/\/nl.wordpress.org\/plugins\/load-video-on-click\/\" target=\"_blank\" rel=\"noreferrer noopener\">Load Video On Click plugin<\/a>. Het toevoegen van video&#8217;s &#8211; door middel van een shortcode &#8211; is met deze plugin erg eenvoudig.<\/p>\r\n\r\n\r\n\r\n<h2 id=\"tot-slot\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Tot_slot\"><\/span>Tot slot<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Met dit blog heb ik een tipje van de sluier opgelicht voor het verbeteren van de snelheid van websites. Een website 100% optimaal krijgen op snelheid is ontzettend lastig. Maar met mijn tips kun je al enorme stappen zetten. Ga eens de jouw WordPress website snelheid testen en kijk naar de feedback die je krijgt. Mocht je je vervolgens onzeker voelen over wat te doen, dan kun je me altijd <a href=\"https:\/\/burorader.com\/nl\/contact-informatie\/\">contacteren<\/a>. Een andere goede oplossing, is om een website analyse te laten doen.<\/p>\r\n\r\n\r\n\r\n<h2 id=\"website-analyse-meer-dan-snelheid-wordpress-website-testen\" class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Website_analyse_meer_dan_snelheid_WordPress_website_testen\"><\/span>Website analyse, meer dan snelheid WordPress website testen<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\n\r\n\r\n<p>Wanneer je een <a href=\"https:\/\/burorader.com\/nl\/website-analyse\/\">website analyse<\/a> laat doen, zal ik niet alleen de snelheid testen, maar kijk ik ook naar:<\/p>\r\n\r\n\r\n\r\n<ul class=\"wp-block-list\">\r\n<li>SEO \u2013 Zoekmachine-vriendelijkheid \u2013 techniek en structuur<\/li>\r\n\r\n\r\n\r\n<li>Gebruiksvriendelijkheid \u2013 indeling, navigatie, call-to-actions<\/li>\r\n\r\n\r\n\r\n<li>Vormgeving \u2013 past deze bij de doelgroep<\/li>\r\n\r\n\r\n\r\n<li>Toegankelijkheid \u2013 schermlezers, alt-tekst en contrast<\/li>\r\n\r\n\r\n\r\n<li>Veiligheid \u2013 up-to-date met updates, anti-spam en ssl<\/li>\r\n\r\n\r\n\r\n<li>Responsive \u2013 goede weergave en werking op tablets en mobiele telefoons<\/li>\r\n\r\n\r\n\r\n<li>Inhoud \u2013 up-to-date en geen niet werkende links<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>Na de analyse krijg je een duidelijk document met verbeterpunten en tips. We bespreken het document en kijken samen naar wie wat gaat doen.<\/p>\r\n<a href=\"https:\/\/burorader.com\/nl\/website-analyse\/\" class=\"small-button smallblue\">Vraag nu gelijk een website analyse aan.<\/a>\r\n\r\n\r\n\r\n\r\n\r\n<p><em>Met regelmaat plaats ik blogs en korte Tips &amp; tricks. Wil je mijn tips en blogs niet missen? <a href=\"https:\/\/burorader.com\/nl\/#inschrijfnieuwsbrief\">Schrijf je dan in voor mijn nieuwsbrief<\/a>.<\/em><\/p>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n\r\n\r\n\r\n<p><em>Dit bericht bevat een affiliate link naar de website van Elegant Themes van het Divi WordPress thema. Mocht je via deze link het Divi aanschaffen<\/em><em>, dan ontvang ik hiervoor een vergoeding. Vanzelfsprekend verwijs ik alleen naar producten die ik zelf tot volle tevredenheid gebruik.<\/em> <em>Waarom ik fan ben van Divi kun je lezen in mijn <a href=\"https:\/\/burorader.com\/nl\/divi-wordpress-thema\/\">blog 10 redenen om het Divi WordPress thema te gebruiken<\/a>.<\/em><\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Een blog over eenvoudig de snelheid van een WordPress website verbeteren mag niet ontbreken op mijn website. Want weet je dat jouw ranking in Google, niet alleen afhankelijk is van het juist gebruiken van zoektermen waarop je wilt worden gevonden? En ook niet van het aantal inkomende en uitgaande links? Nee, Google kijkt ook naar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8066,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[340],"tags":[198,208,201,237,206,200],"class_list":["post-11070","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-denktank-websites","tag-afbeeldingen","tag-divi","tag-google","tag-hosting","tag-page-builder","tag-plugin"],"_links":{"self":[{"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/posts\/11070","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/comments?post=11070"}],"version-history":[{"count":38,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/posts\/11070\/revisions"}],"predecessor-version":[{"id":20520,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/posts\/11070\/revisions\/20520"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/media\/8066"}],"wp:attachment":[{"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/media?parent=11070"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/categories?post=11070"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/tags?post=11070"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}