{"id":38124,"date":"2021-05-04T19:22:31","date_gmt":"2021-05-04T17:22:31","guid":{"rendered":"https:\/\/kinqsta.com\/?p=10984"},"modified":"2023-06-09T10:35:48","modified_gmt":"2023-06-09T08:35:48","slug":"gtmetrix-speed-test","status":"publish","type":"post","link":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/","title":{"rendered":"Een diepe duik in de GTmetrix Speed Test Tool"},"content":{"rendered":"<p>Er zijn veel opties die je als website-eigenaar hebt als het gaat om het uitvoeren van snelheidstests om de prestaties van je website te checken. Eerder zijn we dieper ingegaan op de <a href=\"https:\/\/kinqsta.com\/nl\/blog\/pingdom-speed-test\/\">Pingdom<\/a> tool. Vandaag willen we bespreken hoe we de gegevens van Pingdom, de populaire tool om de <strong>snelheid van websites<\/strong><strong> te testen<\/strong>, beter kunnen gebruiken en begrijpen. Dergelijke tools zijn afhankelijk van beoordelingssystemen en scores, samen met waarschuwingen over wat er mogelijk mis is op jouw site. Soms kunnen deze ronduit verwarrend zijn en daarom kan het nemen van de tijd om te interpreteren wat ze werkelijk betekenen je niet alleen helpen jouw scores te verhogen maar ook de prestaties van jouw site, en dat is wat er echt toe doet.<\/p>\n\n<p><a href=\"https:\/\/gtmetrix.com\/\">GTmetrix<\/a> is ontwikkeld door GT.net, een bedrijf dat is gevestigd in Canada, als een hulpmiddel voor klanten van hun hosting om eenvoudig de prestaties van hun site te bepalen. Naast Pingdom is het waarschijnlijk een van de bekendste en meest gebruikte snelheidstesttools op het internet van vandaag de dag! De reden dat we dit artikel schrijven is dan ook omdat we veel Kinsta klanten hebben die ons vragen hoe ze het advies kunnen opvolgen dat ze in hun GTmetrix rapporten zien. In vergelijking met andere ontwikkelaarstools is GTmetrix vrij eenvoudig te gebruiken en kan de beginner het vrij snel oppikken. Het gebruikt een combinatie van <a href=\"https:\/\/kinqsta.com\/nl\/blog\/google-pagespeed-insights\/\">Google PageSpeed Insights<\/a> en <a href=\"https:\/\/kinqsta.com\/nl\/blog\/snelheidstest-website\/#yslow\">YSlow<\/a> om scores en aanbevelingen te genereren.<\/p>\n<figure id=\"attachment_11016\" aria-describedby=\"caption-attachment-11016\" style=\"width: 1156px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11016 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-website-speed-test.jpg\" alt=\"GTmetrix snelheidstesttool\" width=\"1156\" height=\"764\"><\/a><figcaption id=\"caption-attachment-11016\" class=\"wp-caption-text\">GTmetrix snelheidstesttool<\/figcaption><\/figure>\n<h2>GTmetrix analyse-opties<\/h2>\n<p>De basisversie van GTmetrix is volledig gratis en je krijgt toegang tot een aantal opties door je aan te melden voor een account. Ze hebben ook premium-abonnementen maar in de post van vandaag zullen we de gratis versie gebruiken. Als je een account hebt kan je een aantal aanvullende analyse-opties specificeren.<\/p>\n<p>De eerste is de mogelijkheid <strong>om de locatie te kiezen<\/strong> waar je jouw URL wilt testen. De fysieke locatie die je kiest is eigenlijk heel belangrijk omdat deze betrekking heeft op waar jouw website daadwerkelijk wordt gehost. Hoe minder latentie, hoe sneller uw laadtijden. Momenteel beschikbare locaties zijn onder meer:<\/p>\n<ul>\n<li>Dallas, USA<\/li>\n<li>Hong Kong, China<\/li>\n<li>London, UK<\/li>\n<li>Mumbai, India<\/li>\n<li>Sydney, Australi\u00eb<\/li>\n<li>S\u00e3o Paulo, Brazili\u00eb<\/li>\n<li>Vancouver, Canada<\/li>\n<\/ul>\n<p>Je kan zelf kiezen welke browser je wilt gebruiken. Je kan testen met Chrome (desktop) en Firefox (desktop).\u00a0 Mobiele versies zijn beschikbaar in hun premium-abonnementen. Ze stellen je ook in staat om de verbindingssnelheid te wijzigen, wat betekent dat je verschillende verbindingstypen kunt simuleren om te zien hoe deze van invloed zijn op het laden van jouw pagina.<\/p>\n<figure id=\"attachment_11018\" aria-describedby=\"caption-attachment-11018\" style=\"width: 1544px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11018 size-full\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-test-format.png\" alt=\"GTmetrix opties wat betreft testformat\" width=\"1544\" height=\"151\"><figcaption id=\"caption-attachment-11018\" class=\"wp-caption-text\">GTmetrix opties wat betreft testformat<\/figcaption><\/figure>\n<p>Extra opties zijn onder meer de mogelijkheid om een <strong>video te maken<\/strong>. Dit kan je helpen bij het oplossen van problemen aangezien je kan zien hoe de pagina wordt weergegeven. De <strong><a href=\"https:\/\/kinqsta.com\/blog\/ad-blockers\/\">AdBlock<\/a> Plus<\/strong> is een leuke functie. Als je een extern advertentienetwerk op je site hebt, zoals <a href=\"https:\/\/kinqsta.com\/nl\/blog\/google-adsense-wordpress\/\">Google Adsense,<\/a> kan je deze optie inschakelen om de volledige impact van advertenties op de laadtijden te zien.<\/p>\n<figure id=\"attachment_11019\" aria-describedby=\"caption-attachment-11019\" style=\"width: 1280px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11019 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-extra-options.png\" alt=\"GTmetrix extra opties\" width=\"1280\" height=\"656\"><figcaption id=\"caption-attachment-11019\" class=\"wp-caption-text\">GTmetrix extra opties<\/figcaption><\/figure>\n<p>Aanvullende opties zijn onder meer het stoppen van de test-onload (waar we later op ingaan), het kunnen verzenden van een cookie samen met jouw verzoek, het gebruik van HTTP authenticatie, de mogelijkheid om URL&#8217;s op de blokkeer- en toestaan-lijst te zetten, schermresolutie en pixelverhouding van het apparaat, en user-agent overrides.<\/p>\n<h2>Analyseren met de GTmetrix Speed Test Tool<\/h2>\n<p>Een webpagina bestaat uit verschillende items, zoals HTML, JavaScript, CSS, afbeeldingen en video&#8217;s. Elk van deze genereert verzoeken om te renderen wat jij op jouw website ziet. Meestal geldt hoe meer verzoeken je hebt, hoe langzamer de website wordt geladen. Dat is niet altijd het geval, maar het klopt meestal wel.<\/p>\n<p>Hieronder gaan we elke GTmetrix sectie opsplitsen en in meer detail uitleggen wat de informatie betekent, aangezien het betrekking heeft op de algehele prestaties van jouw website en wat je met de aanbevelingen kan doen. Denk eraan <strong>om niet te veel geobsedeerd te raken door de score<\/strong><strong>s<\/strong> maar je te richten op het <strong>daadwerkelijk sneller maken<\/strong> van jouw site.<\/p>\n<ul>\n<li><a href=\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#gtmetrix-summary\">GTmetrix samenvatting<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#performance\">Prestaties<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#structure\">Structuur<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#waterfall-chart\">Watervalgrafiek<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#video\">Video<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#history\">Historie<\/a><\/li>\n<\/ul>\n<h3><a id=\"gtmetrix-summary\"><\/a>GTmetrix samenvatting (prestatiescores en details)<\/h3>\n<p>Wanneer je jouw WordPress website door GTmetrix haalt, genereert het een prestatierapport met jouw &#8220;GTmetrix Grade&#8221; en &#8220;Web Vitals&#8221;.<\/p>\n<p>De GTmetrix Grade, jouw score dus, wordt berekend op basis van twee statistieken: prestatie Performance) en structuur (Structure).<\/p>\n<ul>\n<li><strong>GTmetrix Performance <\/strong>is de prestatiescore van de Lighthouse site audit tool<\/li>\n<li><strong>GTmetrix Structure<\/strong> is een eigen <a href=\"https:\/\/gtmetrix.com\/blog\/everything-you-need-to-know-about-the-new-gtmetrix-report-powered-by-lighthouse\/#structure-score\">prestatiestatistiek die de algehele prestaties<\/a> van een pagina meet.<\/li>\n<\/ul>\n<p>In 2020 introduceerde Google een gestandaardiseerde set statistieken rond webprestaties en gebruikerservaring, Web Vitals genaamd. Web Vitals bestaan uit een verscheidenheid aan statistieken maar degene waar GTmetrix rekening mee houdt, zijn Largest Contentful Paint (LCP), Total Blocking Time (TBT) en Cumulative Layout Shift (CLS).<\/p>\n<ul>\n<li><strong>Largest Contentful Paint (LCP) <\/strong>is de hoeveelheid tijd die nodig is om het grootste deel van jouw pagina te laden. Voor sommige sites kan het LCP een grote uitgelichte afbeelding zijn, terwijl het op andere sites meer om hoofdtekst gaat.<\/li>\n<li><strong>Total Blocking Time (TBT) <\/strong>is de hoeveelheid tijd dat een pagina als het ware is geblokkeerd voordat een gebruiker er iets mee kan doen, doordat de pagina nog niet genoeg is geladen. \u201cRender-blocking\u201d van CSS en JS kan een enorme impact hebben op TBT.<\/li>\n<li><strong>Cumulative Layout Shift (CLS) <\/strong>verwijst naar het verschuiven van elementen terwijl een pagina wordt geladen. De lay-out van een pagina met ingesloten tweets kan bijvoorbeeld drastisch verschuiven naarmate de pagina wordt geladen.<\/li>\n<\/ul>\n<p>In ons voorbeeld gebruiken we ons speciale voorbeelddomein kinstalife.com, dat wordt gehost op Kinsta. In onze eerste snelheidstest registreerde onze site de volgende statistieken.<\/p>\n<ul>\n<li>GTmetrix Grade &#8211; B<\/li>\n<li>GTmetrix Performance &#8211; 85%<\/li>\n<li>GTmetrix Structure &#8211; 83%<\/li>\n<li>LCP &#8211; 1.0s<\/li>\n<li>TBT &#8211; 0ms<\/li>\n<li>CLS &#8211; 0<\/li>\n<\/ul>\n<figure id=\"attachment_84346\" aria-describedby=\"caption-attachment-84346\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84346 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-kinsta-life-speed-test-1-1.jpg\" alt=\"GTmetrix-snelheidstest voor kinstalife.com.\" width=\"1500\" height=\"872\"><figcaption id=\"caption-attachment-84346\" class=\"wp-caption-text\">GTmetrix-snelheidstest voor kinstalife.com.<\/figcaption><\/figure>\n<p>We hebben toen nog een test gedaan en nu is onze GTmetrix Grade &#8220;A&#8221;! Waar heeft dat allemaal mee te maken? Je kan het zelf ook zien als je je website meerdere keren door de GTmetrix snelheidstesttool laat lopen. Een van de redenen waarom dit gebeurt, is vanwege caching, zowel <strong>DNS caching als servercaching<\/strong>. In de <a href=\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#gtmetrix-waterfall\">watervalanalyse<\/a> verderop in dit artikel leggen we uit waarom dit zo is.<\/p>\n<figure id=\"attachment_84345\" aria-describedby=\"caption-attachment-84345\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84345 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-kinsta-life-speed-test-2.jpg\" alt=\"Onze tweede snelheidstest met GTmetrix.\" width=\"1500\" height=\"872\"><figcaption id=\"caption-attachment-84345\" class=\"wp-caption-text\">Onze tweede snelheidstest met GTmetrix.<\/figcaption><\/figure>\n<p>De GTmetrix overzichtspagina bevat ook een snelheidsvisualisatie, die een tijdlijn toont met belangrijke gebeurtenissen tijdens het laden van een pagina. In de onderstaande schermafbeelding zie je voor kinstalife.com de TTFB, FCP, LCP, onloadtijd, tijd tot de site interactief wordt en de tijd dat het kost voor de pagina om volledig te laden.<\/p>\n<figure id=\"attachment_84348\" aria-describedby=\"caption-attachment-84348\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84348 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-speed-visualization.jpg\" alt=\"Onderaan de overzichtspagina vind je ook de secties Top Issues en Page Details. Onder Top Issues zie je een lijst met items met hoge prioriteit die moeten worden opgelost, terwijl Page Details uitsplitsingen in percentages en bestandsgrootte van jouw pagina laat zien.\" width=\"1500\" height=\"309\"><figcaption id=\"caption-attachment-84348\" class=\"wp-caption-text\">Onderaan de overzichtspagina vind je ook de secties Top Issues en Page Details. Onder Top Issues zie je een lijst met items met hoge prioriteit die moeten worden opgelost, terwijl Page Details uitsplitsingen in percentages en bestandsgrootte van jouw pagina laat zien.<\/figcaption><\/figure>\n<figure id=\"attachment_84349\" aria-describedby=\"caption-attachment-84349\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84349 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-top-issues-page-details.jpg\" alt=\"Problemen met GTmetrix en paginadetails.\" width=\"1500\" height=\"899\"><figcaption id=\"caption-attachment-84349\" class=\"wp-caption-text\">Problemen met GTmetrix en paginadetails.<\/figcaption><\/figure>\n<h3>Performance<\/h3>\n<p>De volgende is het GTmetrix tabblad Performance dat een aantal nuttige statistieken toont die afkomstig zijn van de prestatiegegevens van Lighthouse. Naast de LCP, TBT en CLS die op de overzichtspagina worden weergegeven, toont de sectie Performance Metrics ook de Speed Index (SI), de Time to Interactive (TTI) en de First Contentful Paint (FCP).<\/p>\n<figure id=\"attachment_84350\" aria-describedby=\"caption-attachment-84350\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84350 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-performance-metrics.jpg\" alt=\"Prestatiestatistieken van GTmetrix Lighthouse.\" width=\"1500\" height=\"728\"><figcaption id=\"caption-attachment-84350\" class=\"wp-caption-text\">Prestatiestatistieken van GTmetrix Lighthouse.<\/figcaption><\/figure>\n<p>Hoewel het gedeelte Performance Metrics je niet precies laat zien wat je precies moet corrigeren, geeft het wel een mooi overzicht van de belangrijkste meetgegevens van gebruikerservaringen die je kan verbeteren.<\/p>\n<p>Verderop op de pagina toont GTmetrix ook een paar meer traditionele &#8220;Browser Timing&#8221; -statistieken, waaronder Onload Time, Time to First Byte, Fully Loaded Time en meer. In het verleden waren deze traditionele statistieken erg belangrijk. Echter, gezien Google de weg heeft vrij gemaakt met gestandaardiseerde statistieken en Web Vitals raden we aan deze te gebruiken. In de meeste gevallen zal je merken dat optimalisatie voor Web Vitals ook resulteert in goede browsertimingstatistieken.<\/p>\n<figure id=\"attachment_84351\" aria-describedby=\"caption-attachment-84351\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84351 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-browser-timings.jpg\" alt=\"GTmetrix browsertimingstatistieken.\" width=\"1500\" height=\"363\"><figcaption id=\"caption-attachment-84351\" class=\"wp-caption-text\">GTmetrix browsertimingstatistieken.<\/figcaption><\/figure>\n<h3>Structure<\/h3>\n<p>In het tabblad GTmetrix &#8220;Structure&#8221; kan je specifieke problemen bekijken die de prestaties van jouw site be\u00efnvloeden. Deze pagina is erg handig omdat het je bruikbare informatie biedt zoals &#8220;eliminate render-blocking resources&#8221; en &#8220;minify CSS&#8221; waarmee je kan om je site te optimaliseren.<\/p>\n<p>We zullen proberen de meest voorkomende en populaire problemen te bespreken waarmee eigenaren van WordPress sites worstelen. Zorg ervoor dat je ook een bladwijzer van dit bericht maakt aangezien we het voortdurend zullen bijwerken. Over het algemeen zal je zien dat je site beter presteert wanneer je de punten op je site verbetert.<\/p>\n<figure id=\"attachment_11023\" aria-describedby=\"caption-attachment-11023\" style=\"width: 1570px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11023 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-pagespeed-scores.png\" alt=\"GTmetrix PageSpeed statistieken \" width=\"1570\" height=\"1816\"><figcaption id=\"caption-attachment-11023\" class=\"wp-caption-text\">GTmetrix PageSpeed statistieken<\/figcaption><\/figure>\n<h4>Serve Scaled Images<\/h4>\n<p>Als het gaat om het werken met afbeeldingen op jouw website, moet je altijd proberen ze op schaal te uploaden. Wat je namelijk wil voorkomen, is dat je de afmetingen van je afbeeldingen door CSS laat wijzigen. Als je dat laatste doet, krijg je de aanbeveling voor het gebruiken van verkleinde afbeeldingen: <strong>serve scaled images<\/strong>. Als je WordPress gebruikt, worden jouw afbeeldingen standaard verkleind wanneer je ze uploadt naar de mediabibliotheek. Deze instellingen zijn te vinden onder &#8216;Instellingen&gt; Media&#8217;. Je wilt ervoor zorgen dat de maximale breedte dicht bij de breedte van jouw site ligt. Op deze manier probeert CSS niet om het formaat van jouw afbeelding te verkleinen zodat dat deze erin past. Je kan ze ook automatisch vergroten of verkleinen met een plugin voor beeldoptimalisatie.<\/p>\n<figure id=\"attachment_11025\" aria-describedby=\"caption-attachment-11025\" style=\"width: 1732px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11025 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-serve-scaled-images.png\" alt=\"Gebruik verkleinde afbeeldingen\" width=\"1732\" height=\"314\"><figcaption id=\"caption-attachment-11025\" class=\"wp-caption-text\">Gebruik verkleinde afbeeldingen<\/figcaption><\/figure>\n<h4>Inline Small CSS<\/h4>\n<p>Het inlinen van CSS wordt meestal niet aanbevolen omdat dit de algehele downloadgrootte van jouw paginaverzoek vergroot. Als jouw site echter klein is, met minimale verzoeken, kan dit de prestaties verbeteren.<\/p>\n<figure id=\"attachment_11053\" aria-describedby=\"caption-attachment-11053\" style=\"width: 1488px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11053\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/inline-small-css.png\" alt=\"gtmetrix inline small css\" width=\"1488\" height=\"279\"><figcaption id=\"caption-attachment-11053\" class=\"wp-caption-text\">Inline small CSS<\/figcaption><\/figure>\n<p>Om CSS gemakkelijk in te lijnen, <a href=\"https:\/\/kinqsta.com\/nl\/blog\/autoptimize-instellen\/#css-options\">kan je een gratis plugin zoals Autoptimize gebruiken<\/a>. Vink hiervoor de &#8220;Inline all CSS?&#8221; optie aan en zorg er vervolgens voor dat je de aanvullende CSS bestanden die je niet inlijnt, hebt uitgesloten.<\/p>\n<figure id=\"attachment_11054\" aria-describedby=\"caption-attachment-11054\" style=\"width: 1806px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11054 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/autoptimize-inline-css.png\" alt=\"Inline CSS Autoptimize\" width=\"1806\" height=\"912\"><figcaption id=\"caption-attachment-11054\" class=\"wp-caption-text\">Inline CSS Autoptimize<\/figcaption><\/figure>\n<h4>Inline Small JavaScript<\/h4>\n<p>Net als met het inlinen van kleine CSS, geldt hetzelfde voor inlining van kleine JavaScript. Het wordt meestal niet aanbevolen omdat het de algehele downloadgrootte van jouw paginaverzoek zal vergroten. Als jouw site echter klein is, met weinig verzoeken, kan dit jouw prestaties verbeteren. Nogmaals, je kan de <a href=\"https:\/\/kinqsta.com\/nl\/blog\/autoptimize-instellen\/#javascript-options\">JavaScript instellingen van Autoptimize<\/a> gebruiken.<\/p>\n<figure id=\"attachment_11055\" aria-describedby=\"caption-attachment-11055\" style=\"width: 1495px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11055\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/inline-small-javascript.png\" alt=\"gtmetrix inline small javascript\" width=\"1495\" height=\"320\"><figcaption id=\"caption-attachment-11055\" class=\"wp-caption-text\">Inline small JavaScript<\/figcaption><\/figure>\n<h4>Leverage Browser Caching<\/h4>\n<p>Gebruikmaken van browsercaching is een veel voorkomende aanbeveling waar mensen mee worstelen. De aanbeveling wordt gegenereerd omdat je niet de juiste HTTP cacheheaders op jouw webserver hebt. Bekijk ons uitgebreide artikel over het oplossen van de <a href=\"https:\/\/kinqsta.com\/nl\/blog\/leverage-browser-caching\/\">\u201cLeverage browser caching\u201d waarschuwing<\/a>. Je kan dit alleen oplossen voor bronnen die je zelf beheert. Als je dit bijvoorbeeld op advertentienetwerken van <a href=\"https:\/\/kinqsta.com\/blog\/third-party-performance\/\">derden ziet<\/a>, kan je niets doen.<\/p>\n<figure id=\"attachment_11056\" aria-describedby=\"caption-attachment-11056\" style=\"width: 1488px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11056 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/leverage-browser-caching.png\" alt=\"Maak gebruik van browsercaching\" width=\"1488\" height=\"259\"><figcaption id=\"caption-attachment-11056\" class=\"wp-caption-text\">Maak gebruik van browsercaching<\/figcaption><\/figure>\n<h4>Serve Resources From a Consistent URL<\/h4>\n<p>Als je de aanbeveling ziet om bronnen te leveren vanuit een consistente URL, is de kans groot dat je identieke bronnen hebt die vanaf dezelfde URL worden geleverd. Dit kan vaak gebeuren als er querystrings bij betrokken zijn. Bekijk hoe je <a href=\"https:\/\/kinqsta.com\/nl\/blog\/remove-query-strings-static-resources\/\">querystrings uit statische bronnen verwijdert<\/a>. Als ze eenmaal verdwenen zijn hoeft het niet langer twee keer te laden.<\/p>\n<figure id=\"attachment_11042\" aria-describedby=\"caption-attachment-11042\" style=\"width: 1742px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11042 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/serve-resources-from-a-consistent-URL.png\" alt=\"Lever bronnen vanuit een consistente URL\" width=\"1742\" height=\"602\"><figcaption id=\"caption-attachment-11042\" class=\"wp-caption-text\">Lever bronnen vanuit een consistente URL<\/figcaption><\/figure>\n<h4>Defer Parsing of JavaScript<\/h4>\n<p>JavaScript en CSS zijn standaard ingesteld om te \u201crender-blocken\u201d. Dit betekent dat ze kunnen voorkomen dat de webpagina volledig wordt weergegeven totdat ze zijn gedownload en verwerkt door de browser. Het attribuut \u201cdefer\u201d vertelt de browser om het downloaden van de bron uit te stellen totdat de HTML parsing is voltooid. Een paar eenvoudige <a href=\"https:\/\/kinqsta.com\/nl\/blog\/autoptimize-instellen\/#inline-and-defer-css\">manieren om dit op te lossen is door de gratis Autoptimize<\/a> of <a href=\"https:\/\/wordpress.org\/plugins\/async-javascript\/\">Async JavaScript<\/a> plugins te gebruiken. Zorg ervoor dat je ons uitgebreid artikel leest over <a href=\"https:\/\/kinqsta.com\/nl\/blog\/render-blocking-javascript-css\/\">hoe je render-blocking in JavaScript en CSS kan elimineren<\/a>.<\/p>\n<figure id=\"attachment_11057\" aria-describedby=\"caption-attachment-11057\" style=\"width: 1494px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11057 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/defer-parsing-of-javascript.png\" alt=\"Stel het parseren van JavaScript uit\" width=\"1494\" height=\"294\"><figcaption id=\"caption-attachment-11057\" class=\"wp-caption-text\">Stel het parseren van JavaScript uit<\/figcaption><\/figure>\n<p>Voor een uitgebreide uitleg, lees: <a href=\"https:\/\/kinqsta.com\/nl\/blog\/defer-parsing-of-javascript\/\">Zo los je de waarschuwing \u201cDefer parsing of JavaScript\u201d op in WordPress (4 methoden)<\/a>.<\/p>\n<h4>Minificeren van CSS en JavaScript<\/h4>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Minification_(programming)\">Minificatie<\/a> is in wezen het verwijderen van alle onnodige tekens uit de broncode zonder de functionaliteit ervan te wijzigen. Dit kunnen regeleinden, lege ruimte, inspringingen, enz. zijn. Door dit te doen, kan het bytes aan gegevens besparen en het downloaden, parseren en uitvoeren versnellen.<\/p>\n<figure id=\"attachment_11058\" aria-describedby=\"caption-attachment-11058\" style=\"width: 1498px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11058 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/minify-css-and-javascript.png\" alt=\"Minificeren van CSS en JavaScript\" width=\"1498\" height=\"1187\"><figcaption id=\"caption-attachment-11058\" class=\"wp-caption-text\">Minificeren van CSS en JavaScript<\/figcaption><\/figure>\n<p>Nogmaals, de gratis <a href=\"https:\/\/kinqsta.com\/nl\/blog\/autoptimize-instellen\/\">Autoptimize<\/a> plugin is hier geweldig voor. Zorg ervoor dat de &#8220;Optimize JavaScript Code&#8221; en &#8220;Optimize CSS Code&#8221; beide zijn aangevinkt. Als je een grote site hebt, wil je misschien ook spelen met de geavanceerde instellingen eronder omdat sommige de prestaties van je site kunnen schaden. Het inlinen of combineren van CSS en JavaScript op grote sites wordt meestal niet aanbevolen. Dit is waar <a href=\"https:\/\/kinqsta.com\/nl\/leren\/wat-is-http\/\">HTTP\/2<\/a> het verschil kan maken.<\/p>\n<figure id=\"attachment_11059\" aria-describedby=\"caption-attachment-11059\" style=\"width: 1830px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11059 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/minify-css-and-javascript-code.png\" alt=\"Autoptimize minify CSS en JavaScript\" width=\"1830\" height=\"938\"><figcaption id=\"caption-attachment-11059\" class=\"wp-caption-text\">Autoptimize minify CSS en JavaScript<\/figcaption><\/figure>\n<p>Als je een <a href=\"https:\/\/kinqsta.com\/nl\/prijzen\/?plan=visits-business1\">Kinsta klant<\/a> bent, kun je gebruikmaken van de <a href=\"https:\/\/kinqsta.com\/nl\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn#code-minification-1\">codeminificatiefeature<\/a> die rechtstreeks in het <a href=\"https:\/\/kinqsta.com\/nl\/mykinsta\/\">MyKinsta dashboard<\/a> is ingebouwd. Dit stelt klanten in staat om snel en gemakkelijk automatische CSS en JavaScript minificatie in te schakelen met een simpele klik, waardoor hun sites zonder handmatige inspanning worden versneld.<\/p>\n<h4>Optimize Images<\/h4>\n<p>Volgens <a href=\"https:\/\/httparchive.org\/reports\/state-of-the-web?start=latest\">HTTP Archive<\/a> bestaat het &#8216;gewicht&#8217; van de gemiddelde webpagina voor 66% uit afbeeldingen. Dus als het gaat om het optimaliseren van je WordPress site, zijn afbeeldingen overduidelijk de eerste plaats waar je moet beginnen! Afbeeldingen zijn wat dit betreft belangrijker dan scripts en lettertypen.<\/p>\n<figure id=\"attachment_11060\" aria-describedby=\"caption-attachment-11060\" style=\"width: 1489px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11060 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/optimize-images.png\" alt=\"Optimaliseer de afbeeldingen\" width=\"1489\" height=\"302\"><figcaption id=\"caption-attachment-11060\" class=\"wp-caption-text\">Optimaliseer de afbeeldingen<\/figcaption><\/figure>\n<p>In een perfecte wereld moet elke afbeelding worden gecomprimeerd en geoptimaliseerd voordat deze naar WordPress wordt ge\u00fcpload. Maar helaas is dat gewoon niet realistisch. Daarom raden we aan om een goede plugin voor afbeeldoptimalisatie te gebruiken. Dit helpt automatisch de afbeeldingen te comprimeren, de afmetingen ervan te wijzigen en ervoor te zorgen dat ze licht van gewicht zijn en snel op jouw site worden geladen. Vergeet vooral niet om ons diepgaande artikel te lezen over <a href=\"https:\/\/kinqsta.com\/nl\/blog\/afbeeldingen-optimaliseren-voor-internet\/\">hoe je afbeeldingen kan optimaliseren voor gebruik op het internet<\/a>.<\/p>\n<h4>Reduce Initial Server Response Time<\/h4>\n<p>Voor WordPress is de belangrijkste boosdoener voor trage initi\u00eble serverreactietijden het gebrek aan paginacaching. Zonder paginacaching gebruikt WordPress PHP om dynamisch pagina&#8217;s op te bouwen voor elk individueel verzoek, wat betekent dat het snel overbelast kan raken door verzoeken. Als paginacaching is ingeschakeld, kan jouw site vooraf gegenereerde HTML bestanden aanbieden, wat veel sneller en schaalbaarder is dan het gebruik van PHP om aan elk paginaverzoek te voldoen.<\/p>\n<figure id=\"attachment_84354\" aria-describedby=\"caption-attachment-84354\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-84354 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-reduce-initial-server-response-time.jpg\" alt=\"Verkort de initi\u00eble serverreactietijd\" width=\"1500\" height=\"258\"><figcaption id=\"caption-attachment-84354\" class=\"wp-caption-text\">Verkort de initi\u00eble serverreactietijd<\/figcaption><\/figure>\n<p>Als je gehost wordt op Kinsta, hoef je je geen zorgen te maken over <a href=\"https:\/\/kinqsta.com\/nl\/docs\/wordpress-hosting\/caching\/sitecaching\/#site-cache-expiration\">paginacaching<\/a> want wij zorgen daarvoor met onze Nginx configuratie. Als jouw WordPress host paginacaching niet ondersteunt, kan je een cacheplugin zoals WP Rocket of <a href=\"https:\/\/kinqsta.com\/nl\/blog\/w3-total-cache\/\">W3 Total Cache<\/a> installeren. Om de reactietijd van de server nog verder te verkorten, raden we aan om <a href=\"https:\/\/kinqsta.com\/nl\/blog\/cloudflare-apo-wordpress\/\">Cloudflare APO<\/a> te integreren met jouw WordPress site. Deze innovatieve optimalisatieservice van Cloudflare verspreidt de HTML pagina&#8217;s van jouw site over de hele wereld, waardoor de reactietijd van de server wereldwijd kan worden verkort.<\/p>\n<h4>Minify HTML<\/h4>\n<p>Net als CSS en JavaScript kan ook HTML worden verkleind om onnodige tekens te verwijderen en bytes aan gegevens te besparen om de uitvoeringstijd te versnellen.<\/p>\n<figure id=\"attachment_11061\" aria-describedby=\"caption-attachment-11061\" style=\"width: 1492px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11061\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/minify-html.png\" alt=\"gtmetrix minify html\" width=\"1492\" height=\"212\"><figcaption id=\"caption-attachment-11061\" class=\"wp-caption-text\">Minify HTML<\/figcaption><\/figure>\n<p>De gratis Autoptimize plugin is ook hier geweldig voor. Schakel <a href=\"https:\/\/kinqsta.com\/nl\/blog\/autoptimize-instellen\/#html-options\">gewoon de optie &#8220;Optimize HTML Code&#8221; in<\/a>.<\/p>\n<figure id=\"attachment_11062\" aria-describedby=\"caption-attachment-11062\" style=\"width: 1541px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11062\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/autoptimize-minify-html.png\" alt=\"autoptimize minify html\" width=\"1541\" height=\"421\"><figcaption id=\"caption-attachment-11062\" class=\"wp-caption-text\">Autoptimize optimize HTML code<\/figcaption><\/figure>\n<h4>Enable GZIP Compression<\/h4>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Gzip\">GZIP<\/a> is een bestandsindeling en een softwaretoepassing die wordt gebruikt voor bestandscompressie en decompressie. <a href=\"https:\/\/kinqsta.com\/nl\/blog\/gzip-compressie\/\">GZIP compressie<\/a> is aan de serverzijde ingeschakeld en zorgt voor een verdere verkleining van de grootte van HTML-, stylesheets- en JavaScript-bestanden. Het werkt niet op afbeeldingen omdat deze al op een andere manier zijn gecomprimeerd. Sommige hebben tot 70% reducties gezien als gevolg van compressie. Het is waarschijnlijk een van de gemakkelijkste optimalisaties die je kan maken als het gaat om WordPress. Opmerking: GZIP compressie is standaard ingeschakeld op alle Kinsta servers.<\/p>\n<figure style=\"width: 2177px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/04\/enable-gzip-compression-gtmetrix.png\" alt=\"Schakel GZIP-compressie in\" width=\"2177\" height=\"477\"><figcaption class=\"wp-caption-text\">Schakel GZIP-compressie in<\/figcaption><\/figure>\n<p>Om GZIP-compressie in <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wat-is-apache\/\">Apache<\/a> in te schakelen, voeg je eenvoudig de volgende code toe aan <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wordpress-htaccess-bestand\/\">je .htaccess bestand<\/a>.<\/p>\n<pre id=\"apache_code\"><code class=\" hljs apache\">&lt;IfModule mod_deflate.c&gt;\n# Compress HTML, CSS, JavaScript, Text, XML and fonts\nAddOutputFilterByType DEFLATE application\/javascript\nAddOutputFilterByType DEFLATE application\/rss+xml\nAddOutputFilterByType DEFLATE application\/vnd.ms-fontobject\nAddOutputFilterByType DEFLATE application\/x-font\nAddOutputFilterByType DEFLATE application\/x-font-opentype\nAddOutputFilterByType DEFLATE application\/x-font-otf\nAddOutputFilterByType DEFLATE application\/x-font-truetype\nAddOutputFilterByType DEFLATE application\/x-font-ttf\nAddOutputFilterByType DEFLATE application\/x-javascript\nAddOutputFilterByType DEFLATE application\/xhtml+xml\nAddOutputFilterByType DEFLATE application\/xml\nAddOutputFilterByType DEFLATE font\/opentype\nAddOutputFilterByType DEFLATE font\/otf\nAddOutputFilterByType DEFLATE font\/ttf\nAddOutputFilterByType DEFLATE image\/svg+xml\nAddOutputFilterByType DEFLATE image\/x-icon\nAddOutputFilterByType DEFLATE text\/css\nAddOutputFilterByType DEFLATE text\/html\nAddOutputFilterByType DEFLATE text\/javascript\nAddOutputFilterByType DEFLATE text\/plain\nAddOutputFilterByType DEFLATE text\/xml\n\n# Remove browser bugs (only needed for really old browsers)\nBrowserMatch ^Mozilla\/4 gzip-only-text\/html\nBrowserMatch ^Mozilla\/4\\.0[678] no-gzip\nBrowserMatch \\bMSIE !no-gzip !gzip-only-text\/html\nHeader append Vary User-Agent\n&lt;\/IfModule&gt;<\/code><\/pre>\n<p><a href=\"https:\/\/kinqsta.com\/nl\/blog\/wat-is-nginx\/\">Als je NGINX gebruikt<\/a> voeg je eenvoudig het volgende toe aan jouw nginx.conf bestand.<\/p>\n<pre><code class=\" hljs coffeescript hljs \">gzip on;\ngzip_disable \"MSIE [1-6]\\.(?!.*SV1)\";\ngzip_vary on;\ngzip_types text\/plain text\/css text\/javascript image\/svg+xml image\/x-icon application\/javascript application\/x-javascript;<\/code><\/pre>\n<p>Bekijk ook ons uitgebreide artikel <a href=\"https:\/\/kinqsta.com\/nl\/blog\/gzip-compressie\/\">over het inschakelen van GZIP compressie<\/a>.<\/p>\n<h4>Minimize Redirects<\/h4>\n<p>Door HTTP omleidingen van de ene URL naar de andere te minimaliseren verkorten we extra RTT&#8217;s en wachttijd voor gebruikers. Bekijk ons bericht over <a href=\"https:\/\/kinqsta.com\/nl\/blog\/wordpress-redirect\/\">WordPress redirects<\/a> waarin we ontdekten dat 2 slechte omleidingen de laadtijden van de site met 58% verhoogden! Kortom, WordPress redirects vertragen jouw site. Daarom is het de moeite waard om de tijd te nemen om het aantal redirects van jouw site te minimaliseren.<\/p>\n<figure id=\"attachment_11063\" aria-describedby=\"caption-attachment-11063\" style=\"width: 1488px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11063 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/minimize-redirects.png\" alt=\"Redirects minimaliseren\" width=\"1488\" height=\"345\"><figcaption id=\"caption-attachment-11063\" class=\"wp-caption-text\">Redirects minimaliseren<\/figcaption><\/figure>\n<h4>Specify a Cache Validator<\/h4>\n<p>De &#8220;specify a cache validator&#8221; aanbeveling verschijnt wanneer er <a href=\"https:\/\/kinqsta.com\/nl\/blog\/kinsta-regelt-de-wordpress-caching-zodat-jij-dat-niet-hoeft-te-doen\/\">HTTP cachingheaders<\/a> ontbreken. Deze moeten worden opgenomen in elke respons van de origin server aangezien ze allebei de lengte van de cache valideren en instellen. Als de headers niet worden gevonden, genereert het elke keer een nieuw verzoek voor de bron waardoor de belasting op de server toeneemt. Door gebruik te maken van cachingheaders zorg je ervoor dat volgende verzoeken niet van de server hoeven te worden geladen, waardoor op bandbreedte wordt bespaard en de prestaties voor de gebruiker worden verbeterd. En vergeet niet dat je dit niet kunt oplossen op bronnen van derden die je niet zelf beheert.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-important\">\n            <h3>Important<\/h3>\n        <p>HTTP cachingheaders worden automatisch toegevoegd op alle Kinsta servers.<\/p>\n<\/aside>\n\n<figure id=\"attachment_11064\" aria-describedby=\"caption-attachment-11064\" style=\"width: 1494px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11064 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/specify-a-cache-validator.png\" alt=\"Een cachevalidator opgeven\" width=\"1494\" height=\"339\"><figcaption id=\"caption-attachment-11064\" class=\"wp-caption-text\">Een cachevalidator opgeven<\/figcaption><\/figure>\n<p>Er zijn een aantal verschillende HTTP cachingheaders bij we kunnen gebruiken om deze aanbeveling op te volgen. Bekijk ons uitgebreide artikel over <a href=\"https:\/\/kinqsta.com\/blog\/specify-a-cache-validator\/\">het specificeren van een cachevalidator<\/a>.<\/p>\n<h4>Specify Image Dimensions<\/h4>\n<p>Net zoals je CSS je afbeeldingen niet moet laten verkleinen, moet je ook afbeeldingsafmetingen specificeren. Dit betekent dat je de breedte en hoogte in jouw HTML code moet opnemen.<\/p>\n<p><strong>Onjuist<\/strong><\/p>\n<pre>&lt;img src=\"https:\/\/domain.com\/images\/image1.png\"&gt;<\/pre>\n<p><strong>Juist<\/strong><\/p>\n<pre>&lt;img src=\"https:\/\/domain.com\/images\/image1.png\" width=\"200\" height=\"100\"&gt;<\/pre>\n<figure id=\"attachment_11065\" aria-describedby=\"caption-attachment-11065\" style=\"width: 1488px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11065 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/specify-image-dimensions.png\" alt=\"Geef de afmetingen van de afbeelding op\" width=\"1488\" height=\"264\"><figcaption id=\"caption-attachment-11065\" class=\"wp-caption-text\">Geef de afmetingen van de afbeelding op<\/figcaption><\/figure>\n<h4>Remove Query Strings From Static Resources<\/h4>\n<p>Vaak hebben je CSS en JavaScript bestanden een versienummer aan het einde van de URL, zoals domein\/style.<strong>css?ver=4.6<\/strong>. Sommige servers en proxyservers zijn niet in staat deze queryreeksen te cachen, ook al is er een <code>cache-control:public<\/code> header aanwezig. Dus door ze te verwijderen, kan je soms je caching verbeteren. Dit kan eenvoudig worden gedaan met code of gratis WordPress plugins.<\/p>\n<p>Bekijk ons uitgebreide artikel over het <a href=\"https:\/\/kinqsta.com\/nl\/blog\/remove-query-strings-static-resources\/\">verwijderen van querystrings uit statische bronnen<\/a> en vergeet niet dat je dit niet kunt oplossen op bronnen van derden die je niet zelf beheert.<\/p>\n<figure id=\"attachment_11066\" aria-describedby=\"caption-attachment-11066\" style=\"width: 1489px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11066 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/remove-query-strings-from-static-resources.png\" alt=\"Querystrings uit statische bronnen verwijderen\" width=\"1489\" height=\"287\"><figcaption id=\"caption-attachment-11066\" class=\"wp-caption-text\">Querystrings uit statische bronnen verwijderen<\/figcaption><\/figure>\n<h4>Specificatie van een variabele: accept-coderingsheader-aanbeveling<\/h4>\n<p>Dit is een HTTP header en moet worden opgenomen in elke respons van de origin server omdat het de browser informeert of de client gecomprimeerde versies van de content kan verwerken. Als GZIP-compressie is ingeschakeld, is dit meestal ook opgelost. Maar zorg ervoor dat je ons diepgaande bericht leest over hoe je de specificatie van een variabele: <a href=\"https:\/\/kinqsta.com\/nl\/blog\/specify-vary-accept-encoding-header\/\">accept-coderingsheader-aanbeveling<\/a> kan oplossen. En nogmaals, je kan dit alleen oplossen voor bronnen die je zelf beheert.<\/p>\n<figure id=\"attachment_11067\" aria-describedby=\"caption-attachment-11067\" style=\"width: 1494px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11067 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/specify-a-vary-accept-encoding-header.png\" alt=\"Specificatie van een variabele: accept-coderingsheader-aanbeveling\" width=\"1494\" height=\"237\"><figcaption id=\"caption-attachment-11067\" class=\"wp-caption-text\">Specificatie van een variabele: accept-coderingsheader-aanbeveling<\/figcaption><\/figure>\n<h3><a id=\"gtmetrix-waterfall\"><\/a>GTmetrix watervaldiagram<\/h3>\n<p>Het GTmetrix watervaldiagram toont alle individuele verzoeken op jouw webpagina (zoals hieronder weergegeven). Je kan vervolgens elk verzoek analyseren om te zien wat de oorzaak is van vertragingen en prestatieproblemen op jouw site. Hieronder kan je een meer diepgaande samenvatting en\/of definitie vinden van wat elk van de kleuren betekent voor elk verzoek.<\/p>\n<figure id=\"attachment_11026\" aria-describedby=\"caption-attachment-11026\" style=\"width: 2065px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11026 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-waterfall-chart.png\" alt=\"GTmetrix watervaldiagram\" width=\"2065\" height=\"1446\"><figcaption id=\"caption-attachment-11026\" class=\"wp-caption-text\">GTmetrix watervaldiagram<\/figcaption><\/figure>\n<h4>Blocking (bruin)<\/h4>\n<p>Wanneer een browser een webpagina laadt, voorkomen JavaScript- en CSS-bronnen meestal dat de webpagina wordt weergegeven totdat ze zijn gedownload en verwerkt door de browser. Deze vertraging wordt weergegeven als een <strong>blokkering<\/strong> in de GTmetrix watervaldiagram. Bekijk voor meer informatie ons uitgebreid artikel over het <a href=\"https:\/\/kinqsta.com\/nl\/blog\/render-blocking-javascript-css\/\">elimineren van render-blocking op JavaScript en CSS<\/a>.<\/p>\n<figure id=\"attachment_11027\" aria-describedby=\"caption-attachment-11027\" style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11027 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-blocking.png\" alt=\"gtmetrix blocking\" width=\"1571\" height=\"886\"><figcaption id=\"caption-attachment-11027\" class=\"wp-caption-text\">blocking<\/figcaption><\/figure>\n<h4>DNS lookup (blauwgroen)<\/h4>\n<p>Je kan <a href=\"https:\/\/kinqsta.com\/blog\/reduce-dns-lookups\/\">DNS lookup<\/a> zien als een telefoonboek. Er zijn servers die Domain Name Servers worden genoemd en zij bevatten informatie over jouw website en naar welk IP adres bezoekers moeten worden gestuurd. Wanneer je je website voor de eerste keer test met Pingdom, voert deze een nieuwe look-up uit en vraagt de testtool de DNS records op om de benodigde IP informatie te verkrijgen. Dit resulteert vaak in extra opzoektijd.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11037\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-first-dns.png\" alt=\"gtmetrix first dns\" width=\"1392\" height=\"874\"><\/p>\n<p>Wanneer je de website vaker test met Pingdom wordt de DNS in het cachegeheugen opgeslagen omdat de IP informatie nu bekend is en deze dus niet opnieuw opgezocht hoeft te worden. Dit is een van de redenen waarom je misschien ziet dat je website sneller wordt getest nadat je deze meerdere keren door GTmetrix hebt gehaald. Zoals je in de onderstaande schermafbeelding kan zien was de DOC look-uptijd van de tweede DNS test 0ms. Het zal je misschien niet verbazen, maar deze sectie wordt vaak verkeerd ge\u00efnterpreteerd. We raden aan om jouw test meerdere keren uit te voeren en het gemiddelde te nemen, tenzij je DNS als onderdeel van jouw rapport wilt hebben, in welk geval je de eerste test kan gebruiken.<\/p>\n<figure id=\"attachment_11028\" aria-describedby=\"caption-attachment-11028\" style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11028\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-dns-lookup.png\" alt=\"gtmetrix dns lookup\" width=\"1571\" height=\"886\"><figcaption id=\"caption-attachment-11028\" class=\"wp-caption-text\">Second DNS lookup<\/figcaption><\/figure>\n<p>Hetzelfde geldt voor jouw assets (JavaScript, CSS, afbeeldingen) als je een CDN gebruikt. Een CDN cache werkt ongeveer hetzelfde als die van een DNS. Zodra het item in de cache is opgeslagen, wordt deze de keren erna veel sneller geladen. Een andere tip voor het versnellen van DNS is het gebruik van DNS prefetching. Hierdoor kan de browser DNS look-ups uitvoeren op een pagina op de achtergrond. Je kan dit doen door enkele regels code toe te voegen aan de header van jouw WordPress site. Zie voorbeelden hieronder.<\/p>\n<pre>&lt;!-- Prefetch DNS for external assets --&gt;\n&lt;link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\"&gt;\n&lt;link rel=\"dns-prefetch\" href=\"\/\/www.google-analytics.com\"&gt; \n&lt;link rel=\"dns-prefetch\" href=\"\/\/cdn.domain.com\"&gt;<\/pre>\n<p>Als je WordPress versie 4.6 of hoger gebruikt wil je mogelijk <a href=\"https:\/\/make.wordpress.org\/core\/2016\/07\/06\/resource-hints-in-4-6\/\">resource-hints<\/a> gebruiken. Ontwikkelaars kunnen de filter <code>wp_resource_hints<\/code> gebruiken om aangepaste domeinen en URL\u2019s toe te voegen voor <code>dns-prefetch<\/code>,\u00a0<code>preconnect<\/code>,\u00a0<code>prefetch<\/code>\u00a0of\u00a0<code>prerender<\/code>.<\/p>\n<h4>Connecting (groen)<\/h4>\n<p>De <strong>verbindingstijd <\/strong>in GTmetrix verwijst naar de TCP verbinding of de totale tijd die nodig is om een TCP verbinding te maken. We besparen je de technische details maar dit is in principe slechts een communicatiemethode tussen de host\/klant en de server die moet plaatsvinden.<\/p>\n<figure id=\"attachment_11029\" aria-describedby=\"caption-attachment-11029\" style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11029\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-connecting.png\" alt=\"gtmetrix connecting\" width=\"1571\" height=\"886\"><figcaption id=\"caption-attachment-11029\" class=\"wp-caption-text\">Connecting<\/figcaption><\/figure>\n<h4>Sending (rood)<\/h4>\n<p>De <strong>verzendtijd <\/strong>is de tijd die de webbrowser nodig heeft om gegevens naar de server te verzenden.<\/p>\n<figure id=\"attachment_11030\" aria-describedby=\"caption-attachment-11030\" style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11030\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-sending.png\" alt=\"gtmetrix sending\" width=\"1571\" height=\"886\"><figcaption id=\"caption-attachment-11030\" class=\"wp-caption-text\">Sending<\/figcaption><\/figure>\n<h4>Waiting (paars)<\/h4>\n<p>De wachttijd in Pingdom verwijst naar de tijd tot de eerste byte, ook wel bekend als de <a href=\"https:\/\/en.wikipedia.org\/wiki\/Time_to_first_byte\">TTFB<\/a> bij sommige andere tools. TTFB is een meting die wordt gebruikt als indicator van de reactietijd van een webserver of een andere netwerkresource. Over het algemeen is alles onder de 100ms acceptabel en een goede TTFB. Als je website de 300-400ms nadert, dan is er mogelijk iets verkeerd ingesteld op je server of is het misschien tijd om te upgraden naar een betere webstack. Zoals je in onze test hieronder kunt zien, was het ongeveer 100 ms, wat geweldig is.<\/p>\n<figure id=\"attachment_11031\" aria-describedby=\"caption-attachment-11031\" style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11031\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-waiting.png\" alt=\"gtmetrix waiting\" width=\"1571\" height=\"886\"><figcaption id=\"caption-attachment-11031\" class=\"wp-caption-text\">Waiting<\/figcaption><\/figure>\n<p>Enkele eenvoudige manieren om je TTFB te verlagen is door ervoor te zorgen dat jouw host de juiste caching heeft en een CDN gebruikt. Bekijk ons uitgebreide artikel over alle <a href=\"https:\/\/kinqsta.com\/nl\/blog\/ttfb\/\">manieren om je TTFB<\/a> op je WordPress site te verminderen.<\/p>\n<h4>Receiving (grijs)<\/h4>\n<p>De <strong>ontvangsttijd <\/strong>is de tijd die de webbrowser nodig heeft om gegevens van de server te ontvangen.<\/p>\n<figure id=\"attachment_11032\" aria-describedby=\"caption-attachment-11032\" style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11032\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-receiving.png\" alt=\"gtmetrix receiving\" width=\"1571\" height=\"886\"><figcaption id=\"caption-attachment-11032\" class=\"wp-caption-text\">Receiving<\/figcaption><\/figure>\n<h4>Event Timings<\/h4>\n<p>Elke keer dat je een pagina opvraagt, is er sprake van timings waarin dingen worden weergegeven en geladen.<\/p>\n<ul>\n<li><strong>First Paint (groene lijn): <\/strong>het eerste punt waarop de browser enige vorm van rendering op de pagina uitvoert, zoals het weergeven van de achtergrondkleur.<\/li>\n<li><strong>DOM Loaded (blauwe lijn): <\/strong>het punt waarop het DOM (Document Object Model) gereed is.<\/li>\n<li><strong>Onload (rode lijn): <\/strong>wanneer de verwerking van de pagina is voltooid en alle bronnen op de pagina (afbeeldingen, CSS, enz.) zijn gedownload.<\/li>\n<li><strong>Fully Loaded (paarse lijn): <\/strong>het punt nadat de Onload gebeurtenis is geactiveerd en er gedurende 2 seconden geen netwerkactiviteit is geweest.<\/li>\n<\/ul>\n<figure id=\"attachment_11033\" aria-describedby=\"caption-attachment-11033\" style=\"width: 1571px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11033\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-event-timing.png\" alt=\"gtmetrix event timing\" width=\"1571\" height=\"886\"><figcaption id=\"caption-attachment-11033\" class=\"wp-caption-text\">Event timing<\/figcaption><\/figure>\n<h4>HTTP responsheaders<\/h4>\n<p>Je kan ook op een individueel verzoek klikken om de HTTP responsheaders te zien. Dit levert waardevolle informatie op. In het onderstaande scherm kunnen we onmiddellijk zien dat gzip is ingeschakeld\u00a0op de webserver dat draait over HHVM, het wordt aangeboden vanuit de cache (HIT, zou anders MISS laten zien), de cache-control headers, serverarchitectuur (dit is niet altijd zichtbaar), <a href=\"https:\/\/kinqsta.com\/nl\/blog\/voeg-expires-headers-wordpress\/\">expires headers<\/a>, de browser user-agent en meer.<\/p>\n<figure id=\"attachment_11039\" aria-describedby=\"caption-attachment-11039\" style=\"width: 1598px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11039 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-http-response-header.png\" alt=\"HTTP responsheader in GTmetrix\" width=\"1598\" height=\"768\"><figcaption id=\"caption-attachment-11039\" class=\"wp-caption-text\">HTTP responsheader in GTmetrix<\/figcaption><\/figure>\n<p>Iets anders om op te letten is dat de <strong>GTmetrix tool HTTP\/2<\/strong> ondersteunt, in tegenstelling tot Pingdom, omdat het momenteel Chrome 58+ gebruikt om zijn tests uit te voeren. Chrome <a href=\"https:\/\/caniuse.com\/http2\">heeft HTTP\/2 support ge\u00efmplementeerd in de versie 49<\/a>. Houd er dus rekening mee wanneer je kiest welke snelheidstesttool je wilt gebruiken.<\/p>\n<h3>Video<\/h3>\n<p>Om je te helpen bij het opsporen van visuele storingen en prestatieproblemen van de front-end, bevat de nieuwste versie van GTmetrix een tabblad &#8220;Video&#8221;. Als de videofunctie is ingeschakeld, neemt GTmetrix automatisch een insluitbare video op die laat zien hoe een pagina wordt geladen voor elke prestatietest. Deze functie is erg handig voor het oplossen van visuele problemen die alleen voorkomen in bepaalde combinaties van browser en schermgrootte.<\/p>\n<figure id=\"attachment_84352\" aria-describedby=\"caption-attachment-84352\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-84352\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-video-recording.jpg\" alt=\"GTmetrix video recording.\" width=\"1500\" height=\"872\"><figcaption id=\"caption-attachment-84352\" class=\"wp-caption-text\">GTmetrix video recording.<\/figcaption><\/figure>\n<h3><a id=\"gtmetrix-history\"><\/a>Historie<\/h3>\n<p>In het tabblad History kun je al je eerdere snelheidstests bekijken. Er is een limiet aan het aantal dat wordt opgeslagen in gratis accounts. Je kan ook een URL volgen waarmee je de prestaties in de loop van de tijd kan volgen en eventuele wijzigingen kan zien wanneer deze zich voordoen.<\/p>\n<figure id=\"attachment_11035\" aria-describedby=\"caption-attachment-11035\" style=\"width: 1418px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11035 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-history-e1496246778528.png\" alt=\"gtmetrix historie\" width=\"1418\" height=\"592\"><figcaption id=\"caption-attachment-11035\" class=\"wp-caption-text\">Historie<\/figcaption><\/figure>\n<p>Een echte coole functie is dat je jouw eerdere rapporten kan selecteren en ze naast elkaar kan vergelijken. Dit kan erg handig zijn, vooral wanneer je optimalisaties op jouw site uitvoert om te zien of er verbeteringen zijn. Onthoud dat je soms ook t\u00e9 veel kan optimaliseren.<\/p>\n<figure id=\"attachment_11036\" aria-describedby=\"caption-attachment-11036\" style=\"width: 1403px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11036 size-full\" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/compare-gtmetrix-reports.png\" alt=\"Vergelijk rapporten in GTmetrix\" width=\"1403\" height=\"1132\"><figcaption id=\"caption-attachment-11036\" class=\"wp-caption-text\">Vergelijk rapporten in GTmetrix<\/figcaption><\/figure>\n<h3><a id=\"gtmetrix-case-study-domain\"><\/a>Casestudy domeinconfiguratie<\/h3>\n<p>Nu je zover bent gekomen in dit uitgebreide artikel over GTmetrix, staat je een traktatie te wachten. Het is altijd vervelend als mensen tips en casestudy\u2019s laten zien maar dan niet vertellen hoe ze aan zulke hoge scores zijn gekomen. Hieronder vind je dus de exacte configuratie van ons domein dat we gebruikten in bovenstaande casestudy. Wil je dezelfde opstelling gebruiken? Gebruik onderstaande gegevens gerust!<\/p>\n<h4>Architecture<\/h4>\n<ul style=\"margin-left: 30px\">\n<li>Het casestudiedomein (perfmatters.io) wordt gehost bij Kinsta op het Google Cloud Platform in de VS (Central locatie). Verder maakt Kinsta gebruik van HTTP\/2, Nginx en <a href=\"https:\/\/kinqsta.com\/nl\/blog\/mariadb-vs-mysql\/\">MariaDB<\/a>, die allemaal bijdragen aan de snelle laadtijden.<\/li>\n<li>De site gebruikt HHVM. PHP 7.3 is nu beschikbaar bij Kinsta, wat zelfs sneller is dan HHVM! Je kan met <a href=\"https:\/\/kinqsta.com\/nl\/blog\/hoe-php-updaten-in-wordpress\/\">een druk op de knop<\/a> overschakelen naar een andere PHP versie.<\/li>\n<li>De site gebruikt <strong>geen cacheplugin. <\/strong>Kinsta slaat alles op serverniveau op in de cache, wat de zaken enorm vereenvoudigt en in de meeste gevallen sneller is!<\/li>\n<\/ul>\n<h4>WordPress Plugins<\/h4>\n<p>En hier is een lijst met de plugins die op de WordPress site worden gebruikt.<\/p>\n<ul style=\"margin-left: 30px\">\n<li>De gratis <a href=\"https:\/\/wordpress.org\/plugins\/cdn-enabler\/\" target=\"_blank\" rel=\"noopener noreferrer\">CDN Enabler plugin<\/a> wordt gebruikt om KeyCDN te implementeren.<\/li>\n<li>De gratis <a href=\"https:\/\/wordpress.org\/plugins\/host-analyticsjs-local\/\" target=\"_blank\" rel=\"noopener noreferrer\">CAOS plugin<\/a> wordt gebruikt om Google Analytics lokaal te synchroniseren.<\/li>\n<li>De premium <a href=\"https:\/\/perfmatters.io\" target=\"_blank\" rel=\"noopener noreferrer\">perfmatters plugin<\/a> wordt gebruikt om <a href=\"https:\/\/kinqsta.com\/nl\/blog\/zorg-minder-http-verzoeken\/\">unnecessary HTTP requests<\/a> te verwijderen en dingen zoals Emoji&#8217;s en Embeds uit te schakelen.<\/li>\n<li>De premium <a href=\"https:\/\/tomasz-dobrzynski.com\/wordpress-gonzales\" target=\"_blank\" rel=\"noopener noreferrer\">Gonzalez plugin<\/a> wordt gebruikt om te voorkomen dat bepaalde scripts worden geladen.<\/li>\n<li>De premium <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener noreferrer\">Imagify plugin<\/a> wordt gebruikt om afbeeldingen te comprimeren.<\/li>\n<\/ul>\n<h4>Aanbevolen tutorials om meer hierover te lezen:<\/h4>\n<ul style=\"margin-left: 30px\">\n<li><a href=\"https:\/\/kinqsta.com\/nl\/leren\/wordpress-sneller-maken\/\">Zo kan je jouw WordPress-site sneller maken<\/a> (ultieme gids)<\/li>\n<li><a href=\"https:\/\/kinqsta.com\/blog\/disable-emojis-wordpress\/\">Zo kan je emoji&#8217;s uitschakelen in WordPress<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/nl\/blog\/schakel-embeds-wordpress\/\">Zo schakel je embeds uit in WordPress<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/blog\/third-party-performance\/\">Identificeer en analyseer externe services op jouw WordPress site<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/nl\/blog\/google-pagespeed-insights\/\">Zo kan je met WordPress 100\/100 scoren in Google PageSpeed Insights<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/nl\/blog\/admin-ajax\/\">Zo diagnosticeer je hoog verbruik van Admin-Ajax op jouw WordPress website<\/a><\/li>\n<li><a href=\"https:\/\/kinqsta.com\/blog\/reduce-dns-lookups\/\">7 tips om DNS lookups te verminderen en te versnellen<\/a><\/li>\n<\/ul>\n<h2>Samenvatting<\/h2>\n<p>Als het goed is heb je nu het een en ander geleerd over de speedtest van Pingdom. Je hebt dus een idee hebt gekregen over hoe je de data van de test kan gebruiken om betere beslissingen te maken als het aankomt op prestatie. Een watervalanalyse, zoals wij het noemen, is cruciaal om te weten hoe jouw individuele onderdelen worden geladen. En onthoud, als het gaat om het vergelijken met Pingdom, zijn het verschillende tools en daarom is het beter om bij het ene of het andere te blijven omdat ze onderdelen anders berekenen. Heb je nog andere geweldige GTmetrix tips?<\/p>\n<p>Als je meer uitgebreide artikelen, zoals het artikel hierboven, wil lezen, laat het ons dan weten in de reacties!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Er zijn veel opties die je als website-eigenaar hebt als het gaat om het uitvoeren van snelheidstests om de prestaties van je website te checken. Eerder &#8230;<\/p>\n","protected":false},"author":38,"featured_media":38133,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[80,27],"topic":[884,888],"class_list":["post-38124","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-perfmatters","tag-webperf","topic-webdevelopment-tools","topic-website-snelheid"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Een diepe duik in de GTmetrix Speed Test Tool<\/title>\n<meta name=\"description\" content=\"In dit artikel nemen we een diepe duik in de GTmetrix Speed Test tool, inclusief een watervalanalyse en tips om de snelheid van je WordPress site te verbeteren.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Een diepe duik in de GTmetrix Speed Test Tool\" \/>\n<meta property=\"og:description\" content=\"In dit artikel nemen we een diepe duik in de GTmetrix Speed Test tool, inclusief een watervalanalyse en tips om de snelheid van je WordPress site te verbeteren.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/fm.brianleejackson\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-04T17:22:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-09T08:35:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/11\/NL-Homepage-featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Brian Jackson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"In dit artikel nemen we een diepe duik in de GTmetrix Speed Test tool, inclusief een watervalanalyse en tips om de snelheid van je WordPress site te verbeteren.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-speed-test.png\" \/>\n<meta name=\"twitter:creator\" content=\"@brianleejackson\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brian Jackson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"30 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Een diepe duik in de GTmetrix Speed Test Tool\",\"datePublished\":\"2021-05-04T17:22:31+00:00\",\"dateModified\":\"2023-06-09T08:35:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/\"},\"wordCount\":4844,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2021\/05\/gtmetrix-speed-test.png\",\"keywords\":[\"perfmatters\",\"webperf\"],\"articleSection\":[\"WordPress performance tutorials\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/\",\"url\":\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/\",\"name\":\"Een diepe duik in de GTmetrix Speed Test Tool\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2021\/05\/gtmetrix-speed-test.png\",\"datePublished\":\"2021-05-04T17:22:31+00:00\",\"dateModified\":\"2023-06-09T08:35:48+00:00\",\"description\":\"In dit artikel nemen we een diepe duik in de GTmetrix Speed Test tool, inclusief een watervalanalyse en tips om de snelheid van je WordPress site te verbeteren.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2021\/05\/gtmetrix-speed-test.png\",\"contentUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2021\/05\/gtmetrix-speed-test.png\",\"width\":1460,\"height\":730,\"caption\":\"gmetrix speed test\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdevelopment tools\",\"item\":\"https:\/\/kinqsta.com\/nl\/onderwerpen\/webdevelopment-tools\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Een diepe duik in de GTmetrix Speed Test Tool\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#website\",\"url\":\"https:\/\/kinqsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g\",\"caption\":\"Brian Jackson\"},\"description\":\"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.\",\"sameAs\":[\"https:\/\/www.facebook.com\/fm.brianleejackson\",\"https:\/\/www.linkedin.com\/in\/brianleejackson\",\"https:\/\/x.com\/brianleejackson\"],\"url\":\"https:\/\/kinqsta.com\/nl\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Een diepe duik in de GTmetrix Speed Test Tool","description":"In dit artikel nemen we een diepe duik in de GTmetrix Speed Test tool, inclusief een watervalanalyse en tips om de snelheid van je WordPress site te verbeteren.","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:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/","og_locale":"nl_NL","og_type":"article","og_title":"Een diepe duik in de GTmetrix Speed Test Tool","og_description":"In dit artikel nemen we een diepe duik in de GTmetrix Speed Test tool, inclusief een watervalanalyse en tips om de snelheid van je WordPress site te verbeteren.","og_url":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_author":"https:\/\/www.facebook.com\/fm.brianleejackson","article_published_time":"2021-05-04T17:22:31+00:00","article_modified_time":"2023-06-09T08:35:48+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/11\/NL-Homepage-featured-image.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"In dit artikel nemen we een diepe duik in de GTmetrix Speed Test tool, inclusief een watervalanalyse en tips om de snelheid van je WordPress site te verbeteren.","twitter_image":"https:\/\/kinqsta.com\/wp-content\/uploads\/2017\/05\/gtmetrix-speed-test.png","twitter_creator":"@brianleejackson","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Brian Jackson","Geschatte leestijd":"30 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#article","isPartOf":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Een diepe duik in de GTmetrix Speed Test Tool","datePublished":"2021-05-04T17:22:31+00:00","dateModified":"2023-06-09T08:35:48+00:00","mainEntityOfPage":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/"},"wordCount":4844,"commentCount":0,"publisher":{"@id":"https:\/\/kinqsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2021\/05\/gtmetrix-speed-test.png","keywords":["perfmatters","webperf"],"articleSection":["WordPress performance tutorials"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/","url":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/","name":"Een diepe duik in de GTmetrix Speed Test Tool","isPartOf":{"@id":"https:\/\/kinqsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2021\/05\/gtmetrix-speed-test.png","datePublished":"2021-05-04T17:22:31+00:00","dateModified":"2023-06-09T08:35:48+00:00","description":"In dit artikel nemen we een diepe duik in de GTmetrix Speed Test tool, inclusief een watervalanalyse en tips om de snelheid van je WordPress site te verbeteren.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#primaryimage","url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2021\/05\/gtmetrix-speed-test.png","contentUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2021\/05\/gtmetrix-speed-test.png","width":1460,"height":730,"caption":"gmetrix speed test"},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/nl\/blog\/gtmetrix-speed-test\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"Webdevelopment tools","item":"https:\/\/kinqsta.com\/nl\/onderwerpen\/webdevelopment-tools\/"},{"@type":"ListItem","position":3,"name":"Een diepe duik in de GTmetrix Speed Test Tool"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/nl\/#website","url":"https:\/\/kinqsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinqsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinqsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/79623d815f4ed4c8c2457392d728cb16?s=96&d=mm&r=g","caption":"Brian Jackson"},"description":"Brian has a huge passion for WordPress, has been using it for over a decade, and even develops a couple of premium plugins. Brian enjoys blogging, movies, and hiking. Connect with Brian on Twitter.","sameAs":["https:\/\/www.facebook.com\/fm.brianleejackson","https:\/\/www.linkedin.com\/in\/brianleejackson","https:\/\/x.com\/brianleejackson"],"url":"https:\/\/kinqsta.com\/nl\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/38124","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/comments?post=38124"}],"version-history":[{"count":12,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/38124\/revisions"}],"predecessor-version":[{"id":51097,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/posts\/38124\/revisions\/51097"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/38124\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/38124\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/38124\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/38124\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/38124\/translations\/it"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/38124\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/38124\/translations\/dk"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/38124\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/38124\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/38124\/translations\/jp"},{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/38124\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/media\/38133"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/media?parent=38124"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/tags?post=38124"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinqsta.com\/nl\/wp-json\/wp\/v2\/topic?post=38124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}