{"id":29560,"date":"2020-02-12T08:54:02","date_gmt":"2020-02-12T16:54:02","guid":{"rendered":"https:\/\/kinsta.com\/?p=65587&#038;preview=true&#038;preview_id=65587"},"modified":"2025-05-05T09:42:18","modified_gmt":"2025-05-05T07:42:18","slug":"google-pagespeed-insights","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/","title":{"rendered":"Google PageSpeed Insights: de waarheid over de 100\/100 score"},"content":{"rendered":"<p><a href=\"https:\/\/pagespeed.web.dev\/\">Google Pagespeed Insights<\/a> is een handig hulpmiddel voor webmasters, ontwikkelaars en site-eigenaren. Toch merken we dat mensen buitensporig veel tijd steken om die gewilde 100\/100-score te halen en er alles aan doen om hun site zo goed mogelijk te optimaliseren.<\/p>\n<p>Dit was echter nooit de bedoeling achter Google PageSpeed Insights. Daarnaast is het een zinloze onderneming. Onze stelling: wanneer je je richt op de aanbevelingen die het platform je geeft, in plaats van je blind te staren op het nummer bovenaan de pagina, pas dan zal je voordeel halen uit deze tool.<\/p>\n<p>Dit artikel is een uitgebreide handleiding over hoe je het beste gebruik maakt van Google PageSpeed Insights. We bespreken waar Google je score op baseert en hoe je de aanbevelingen die je ontvangt, kan verwerken.<\/p>\n<p>Laten we beginnen!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Wat is Google&#8217;s PageSpeed Insights?<\/h2>\n<p><a href=\"https:\/\/pagespeed.web.dev\/\">Google PageSpeed Insights<\/a> is een tool om te kijken hoe goed je website werkt. Je kunt elke URL invoeren en laten analyseren.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/google-pagespeed-insights-1.png\" alt=\"Google PageSpeed Insights\" width=\"1500\" height=\"718\"><figcaption class=\"wp-caption-text\">Google PageSpeed Insights<\/figcaption><\/figure>\n<p>Google geeft je vervolgens een totaalscore van 0 tot 100. Deze score is gebaseerd op verschillende <em>best practices<\/em> in de wereld van website-optimalisatie.<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/pagespeed-insights-score-1.png\" alt=\"pagespeed insights score\" width=\"1500\" height=\"830\"><figcaption class=\"wp-caption-text\">Google PageSpeed Insights score<\/figcaption><\/figure>\n<p>Naast deze score zie je ook de verschillende aanbevelingen van Google over het verbeteren van je prestaties (en dus daarmee ook je PageSpeed Insights-score).<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/aanbevelingen-google-pagespeed-insights-1.png\" alt=\"Aanbevelingen van Google PageSpeed Insights\" width=\"1500\" height=\"1197\"><figcaption class=\"wp-caption-text\">Aanbevelingen van Google PageSpeed Insights<\/figcaption><\/figure>\n<p>Vanaf 2018 worden PageSpeed Insights-scores berekend via <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview\/\">Lighthouse<\/a>, de opensource en geautomatiseerde tool van Google voor het verbeteren van de algehele kwaliteit van webpagina&#8217;s. Dit platform kan allerlei factoren evalueren, inclusief prestaties, toegankelijkheid, <a href=\"https:\/\/kinsta.com\/nl\/blog\/progressieve-web-apps\/\">progressieve web-apps<\/a> en meer.<\/p>\n<p>Als je de uitgebreide beoordeling van Lighthouse voor je site wilt bekijken, kan je de <a href=\"https:\/\/web.dev\/measure\/\">Measure-tool van Google<\/a> gebruiken:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/google-measure-1.png\" alt=\"google measure\" width=\"1500\" height=\"898\"><figcaption class=\"wp-caption-text\">Google Webmasters Measure auditing-tool<\/figcaption><\/figure>\n<p>Naast het uitvoeren van een prestatietest zoals die van Google PageSpeed Insights, krijg je ook scores voor toegankelijkheid, best practices en <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-betekent-seo\/\">Search Engine Optimalisation (SEO)<\/a>.<\/p>\n<h2>De waarheid over het scoren van 100\/100 in Google PageSpeed Insights<\/h2>\n<p>Zoals we aan het begin van dit bericht hebben vermeld, zien we dat veel website-eigenaren en ontwikkelaars geobsedeerd raken door het behalen van een perfecte PageSpeed Insights-score. Helaas heeft deze groep mensen de neiging om het belangrijkste onderdeel van de testresultaten over het hoofd te zien: de aanbevelingen.<\/p>\n<p>Hoewel je zeker moet proberen om de laadtijden van je website zoveel mogelijk te verbeteren, is <strong>het behalen van 100\/100 in Google PageSpeed Insights niet zo belangrijk<\/strong>. Om mee te beginnen is het niet eens de enige test voor prestaties.<\/p>\n<p>In tegenstelling tot PageSpeed Insights kan je met <a href=\"https:\/\/kinsta.com\/nl\/blog\/pingdom-speed-test\/\">Pingdom Tools<\/a> je site vanaf meerdere locaties testen:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/pingdom-tools-1.png\" alt=\"Pingdom Tools\" width=\"1500\" height=\"913\"><figcaption class=\"wp-caption-text\">Testresultaten van de snelheidstest van Pingdom Tools<\/figcaption><\/figure>\n<p>Ook kan je testen uitvoeren op platforms zoals <a href=\"https:\/\/kinsta.com\/nl\/blog\/gtmetrix-speed-test\/\">GTmetrix<\/a> (die scores van PageSpeed Insights en <a href=\"http:\/\/yslow.org\/\">YSlow<\/a> combineert) en <a href=\"https:\/\/www.webpagetest.org\/\">WebPageTest<\/a>. De kans is groot dat de scores op de verschillende platforms niet exact overeenkomen, wat een indicatie is hoe wispelturig en subjectief deze cijfers in de praktijk zijn.<\/p>\n<p><strong>Wat echt belangrijk is, is de daadwerkelijke snelheid van je site<\/strong>. Om het in perspectief te plaatsen: we hebben sites gezien met gemiddelde laadtijden van minder dan 500 milliseconden (wat extreem snel is!) die geen 100\/100 score hadden op PageSpeed Insights.<\/p>\n<p>Iets anders dat wellicht je perceptie van snelheidsoptimalisatie kan veranderen is de &#8220;<a href=\"https:\/\/blog.teamtreehouse.com\/perceived-performance\">perceived performance<\/a>&#8221; van je site, oftewel hoe de snelheid wordt ervaren door je bezoekers. Als we het even bot zeggen: het boeit je bezoekers totaal niet wat jouw Google PageSpeed Insights-score is. Ze willen gewoon je content zo snel mogelijk bekijken.<\/p>\n<p>Het \u00e9chte doel van het testen van de prestaties van je website met Google PageSpeed Insights is dus niet om een hoge score te halen. Wat dan wel? Het is in de eerste plaats bedoeld om probleemplekken op je site te vinden, zodat je deze kan optimaliseren en zowel de daadwerkelijke laadtijd te verminderen als wel de laadtijd die door je bezoekers wordt ervaren.<\/p>\n<h2>Hoe Google naar PageSpeed Insights kijkt<\/h2>\n<p>Naast dat ze van invloed zijn op de gebruikerservaring (UX), <a href=\"https:\/\/kinsta.com\/nl\/blog\/conversion-rate-optimalisatie-tips\/#page-load-speed\">spelen prestaties ook een rol in SEO<\/a>. Aangezien PageSpeed Insights wordt gerund door de grootste en meest populaire zoekmachine ter wereld, is het logisch dat je score een effect kan hebben op de zoekmachinerankings van je site (in elk geval van die van Google zelf).<\/p>\n<p>In de realiteit is dit ook het geval: Google <em>gebruikt<\/em> de PageSpeed Insights om hun rankings te bepalen &#8211; soort van. Kort door de bocht is sitesnelheid inderdaad een rankingfactor. En de prestatiescore geeft je een redelijk goed idee waar je op dat front staat.<\/p>\n<p>Google kijkt echter naar veel meer dan alleen dat omcirkelde cijfer bovenaan je PageSpeed-resultaten. Het bereiken van een score van 100\/100 garandeert niet dat je op de eerste plek komt in de zoekmachinerankings.<\/p>\n\n<p>Dat betekent natuurlijk niet dat je de resultaten van PageSpeed Insights links kan laten liggen bij het verbeteren van je SEO. Sinds 2018 is <a href=\"https:\/\/webmasters.googleblog.com\/2018\/01\/using-page-speed-in-mobile-search.html\">de snelheid van mobiele pagina&#8217;s bijvoorbeeld een belangrijke factor<\/a> voor Google. Je zal zien dat de prestatietest voor zowel desktop als mobiel een aparte sectie en bijbehorende score heeft:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/tabblad-mobiel-google-pagespeed-insights-1.png\" alt=\"Tabblad Mobiel in Google PageSpeed Insights\" width=\"1500\" height=\"830\"><figcaption class=\"wp-caption-text\">Tabblad Mobiel in Google PageSpeed Insights<\/figcaption><\/figure>\n<p>Aangezien meer dan <a href=\"https:\/\/neilpatel.com\/blog\/loading-time\/\">73% van de mobiele gebruikers<\/a> aangeeft dat ze wel eens een site hebben afgesloten omdat het laden ervan te lang duurde, is de informatie die Google PageSpeed Insights in het tabblad <strong>Mobile<\/strong> geeft, van onschatbare waarde. Als je de aanbevelingen opvolgt om de <a href=\"https:\/\/kinsta.com\/nl\/leren\/wordpress-sneller-maken\/\">laadtijden op smartphones en andere apparaten te verkorten<\/a>, dan zou dit je een voorsprong op de concurrentie moeten geven.<\/p>\n<h2>Aanbevelingen voor Google PageSpeed Insights (24 manieren om prestaties te verbeteren)<\/h2>\n<p>Tot dusver hebben we het vooral gehad over de aanbevelingen die Google PageSpeed Insights maakt. Deze zijn veel waardevoller dan de score en zouden de reden moeten zijn dat je de test \u00fcberhaupt uitvoert. Om die reden wijden we de rest van dit artikel aan deze aanbevelingen.<\/p>\n<p>Voordat we de aanbevelingen stuk-voor-stuk bespreken, moet je echter wel het verschil begrijpen tussen <strong>Field Data<\/strong> en <strong>Lab Data<\/strong>. De eerste vergelijkt je site met andere sites op basis van het Chrome User Experience Report van de afgelopen 30 dagen.<\/p>\n<p>Ook zijn er twee grafieken die je gemiddelde <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/first-contentful-paint\/\">First Contentful Paint (FCP)<\/a> en <a href=\"https:\/\/web.dev\/fid\/\">First Input Delay (FID)<\/a> laten zien:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/field-data-1.png\" alt=\"Field Data\" width=\"1500\" height=\"565\"><figcaption class=\"wp-caption-text\">Field Data van Google PageSpeed Insights<\/figcaption><\/figure>\n<p>In bovenstaande afbeelding is de FCP van onze site ongeveer hetzelfde als 45% van de sites in het 75e percentiel. Onze FID is ongeveer hetzelfde als 9% van het 95e percentiel.<\/p>\n<p><strong>Lab Data<\/strong> toont specifieke gegevens voor een gesimuleerde page-load:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/lab-data-1.png\" alt=\"Lab Data\" width=\"1500\" height=\"465\"><figcaption class=\"wp-caption-text\">Google PageSpeed Insights Lab Data<\/figcaption><\/figure>\n<p>Je zal merken dat onze <strong>Field Data<\/strong> en <strong>Lab Data<\/strong> <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/v5\/about#faq\">niet exact overeenkomen<\/a>. Dat is volkomen normaal. De <strong>Lab Data<\/strong> wordt vergaard onder vooraf opgezette omstandigheden, terwijl de <strong>Field Data<\/strong> gebruikt maakt van de daadwerkelijke laadsnelheden &#8211; die in de loop van de tijd zijn verzameld.<\/p>\n<p>De combinatie van <strong>Field Data<\/strong> en de <strong>Lab Data<\/strong> geven je een goede indicatie van de werkelijke laadtijden van je site. Zoals we eerder al aangaven, is deze score belangrijker dan je algemene PageSpeed-score, dus let goed op deze cijfers.<\/p>\n<p>Nu we al deze informatie hebben behandeld, is het tijd om de prestaties van je site te verbeteren met de aanbevelingen van Google PageSpeed.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"24\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Verwijder bronnen die de weergave blokkeren<\/h3>\n<p>Een van de meest voorkomende aanbevelingen van Google PageSpeed Insights is <a href=\"https:\/\/kinsta.com\/nl\/blog\/render-blocking-javascript-css\/\">Verwijder bronnen die de weergave blokkeren<\/a>:<\/p>\n<figure style=\"width: 1476px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/verwijder-bronnen-weergave-blokkeren-aanbeveling.png\" alt=\"Verwijder bronnen die de weergave blokkeren aanbeveling\" width=\"1476\" height=\"468\"><figcaption class=\"wp-caption-text\">Verwijder bronnen die de weergave blokkeren aanbeveling<\/figcaption><\/figure>\n<p>Deze aanbeveling verwijst naar JavaScript- en CSS-scripts die voorkomen dat je pagina snel wordt geladen. De browser van de bezoeker moet deze namelijk downloaden en verwerken voordat deze de rest van de pagina kan tonen. Als je &#8220;above the fold&#8221; dus veel van dit soort bronnen hebt, dan heeft dit een negatieve invloed op de sitesnelheid.<\/p>\n<p>Meer informatie over dit probleem vind je in onze handleiding <a href=\"https:\/\/kinsta.com\/nl\/blog\/render-blocking-javascript-css\/\">over het verwijderen van bronnen die de weergave blokkeren<\/a>. Wat Google betreft, zijn er twee oplossingen die je kan overwegen:<\/p>\n<ul>\n<li>Als je niet veel JavaScript of <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-css\/\">CSS<\/a> hebt, kan je ze inline plaatsen om van deze waarschuwing af te komen. Hiermee bedoelen we dat je deze JavaScript en\/of CSS opneemt in je HTML-bestand. Een plugin als <a href=\"https:\/\/kinsta.com\/nl\/blog\/autoptimize-instellen\/\">Autoptimize<\/a> kan dit voor je regelen. Dit is echter alleen een goede oplossing voor hele kleine sites. De meeste <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-wordpress\/\">WordPress<\/a>-sites hebben zoveel JavaScript dat deze methode je site zelfs kan vertragen.<\/li>\n<li>De andere optie is om <a href=\"https:\/\/kinsta.com\/nl\/blog\/defer-parsing-of-javascript\/\">JavaScript uit te stellen<\/a>. Dit attribuut zorgt ervoor dat je JavaScript wordt gedownload tijdens het parsen van HTML, maar het pas uitvoert als de parsing is voltooid. Ook worden scripts met dit attribuut geladen in volgorde van weergave op de pagina.<\/li>\n<\/ul>\n<p>Onder deze PageSpeed-aanbeveling vind je de lijst met bronnen die het meest door dit probleem worden getroffen.<\/p>\n<p><strong>Bekijk <a href=\"https:\/\/www.youtube.com\/watch?v=ElpcjGBgTGk\">deze video<\/a> voor meer informatie over het elimineren van render-blocking resources:<\/strong><\/p>\n<p class=\"p1\"><kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=ElpcjGBgTGk\"><\/kinsta-video><\/p>\n<h3>2. Minimaliseer de diepte van kritieke verzoeken<\/h3>\n<p>Het concept van <a href=\"https:\/\/web.dev\/fid\/\">kritieke verzoekketens<\/a> heeft te maken met het Critical Rendering Path (CRP) en hoe browsers je pagina&#8217;s laden. Bepaalde elementen &#8211; zoals JavaScript en CSS die we hierboven bespraken &#8211; moeten volledig worden geladen voordat je pagina zichtbaar wordt.<\/p>\n<p>Als onderdeel van deze suggestie toont Google PageSpeed Insights je de verzoekketens van de pagina die je analyseert:<\/p>\n<figure style=\"width: 1496px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/minimaliseer-diepte-kritieke-verzoeken-aanbeveling.png\" alt=\"Minimaliseer de diepte van kritieke verzoeken aanbeveling\" width=\"1496\" height=\"1302\"><figcaption class=\"wp-caption-text\">Minimaliseer de diepte van kritieke verzoeken aanbeveling<\/figcaption><\/figure>\n<p>Dit diagram toont je de reeks van afhankelijke verzoeken waaraan moet worden voldaan voordat je pagina zichtbaar wordt. Ook geeft het de grootte aan van elke bron. Idealiter wil je het aantal verzoeken dat van elkaar afhankelijk is, evenals hun grootte, minimaliseren.<\/p>\n<p>Er zijn verschillende manieren om dit voor elkaar te krijgen. Deze behandelen we op andere plekken in dit artikel, waaronder:<\/p>\n<ul>\n<li>Verwijder bronnen die de weergave blokkeren<\/li>\n<li>Laad afbeeldingen die niet in beeld zijn nog niet<\/li>\n<li>Verklein de css en <a href=\"https:\/\/kinsta.com\/nl\/blog\/minificeer-javascript\/\">JavaScript<\/a><\/li>\n<\/ul>\n<p>Daarnaast kan je &#8211; om de CRP te verkorten &#8211; ook de volgorde wijzigingen waarin de assets worden geladen. Dit betekent dat je &#8220;above the fold&#8221; content naar de bovenkant van je HTML-bestand verplaatst. Je vindt meer informatie over het optimaliseren van CRP in ons artikel &#8220;<a href=\"https:\/\/kinsta.com\/blog\/critical-rendering-path\/\"><em>How to Optimize the Critical Rendering Path in WordPress.<\/em><\/a>&#8221;<\/p>\n<p>Het is belangrijk om te weten dat er niet een magisch aantal kritieke verzoeken is waar je naartoe wil werken. In tegenstelling tot veel van de andere aanbevelingen telt Google Pagespeed Insights dit onderdeel niet als \u2018geslaagd\u2019 of \u2018gezakt\u2019. Deze informatie wordt simpelweg weergegeven om je te helpen de laadtijden te verbeteren.<\/p>\n<h3>3. Houd het aantal verzoeken laag en de overdrachtsgrootte klein<\/h3>\n<p>Hoe meer verzoeken een browser moet doen om je pagina&#8217;s te laden en hoe groter de bronnen zijn die je server retourneert, hoe langer het duurt om je website te laden. Daarom is het logisch dat Google je aanbeveelt om het aantal vereiste verzoeken te minimaliseren en de omvang van je bronnen te verminderen.<\/p>\n<p>Net als de aanbeveling <strong>Minimaliseer de diepte van kritieke verzoeken<\/strong> is dit geen kwestie van \u2018geslaagd\u2019 of \u2018gezakt\u2019. Ook hier krijg je simpelweg een lijst te zien met het aantal verzoeken en hun groottes:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/aantal-verzoeken-overdrachtsgrootte-aanbeveling.png\" alt=\"Houd het aantal verzoeken laag en de overdrachtsgrootte klein aanbeveling\" width=\"1500\" height=\"997\"><figcaption class=\"wp-caption-text\">Houd het aantal verzoeken laag en de overdrachtsgrootte klein aanbeveling<\/figcaption><\/figure>\n<p>Er is geen perfect aantal verzoeken of maximale groottes waar je rekening mee kan houden. In plaats daarvan beveelt Google aan dat je die normen voor jezelf opstelt door een &#8220;performancebudget&#8221; te maken. Dit is een set gedefinieerde doelen die gerelateerd kunnen zijn aspecten als:<\/p>\n<ul>\n<li>Maximum afbeeldingsgroottes<\/li>\n<li>Het aantal gebruikte weblettertypen<\/li>\n<li>Hoeveel externe bronnen je opvraagt<\/li>\n<li>De grootte van scripts en frameworks<\/li>\n<\/ul>\n<p>Het cre\u00ebren van een prestatiebudget geeft je een reeks aan standaarden waar je jezelf aan kan houden. Als je je budget overschrijdt, kan je besluiten of je bronnen wil verwijderen of wil optimaliseren om binnen je vooraf vastgestelde richtlijnen te blijven. In de gids van Google kan je <a href=\"https:\/\/web.dev\/your-first-performance-budget\/\">leren hoe je er een maakt<\/a>.<\/p>\n<h3>4. Verklein de CSS<\/h3>\n<p>Css-bestanden zijn vaak groter dan ze moeten zijn, omdat ze dan makkelijker voor mensen te lezen zijn. Ze bevatten veel regelterugloop en spaties. Voor ontwikkelaars is dit erg handig, maar voor computers is het niet nodig.<\/p>\n<p>Het minimaliseren van je css is het proces van het condenseren van je bestanden door onnodige tekens, spaties en duplicaten te verwijderen. Google beveelt deze praktijk aan omdat het je css-bestandsgroottes vermindert. Hierdoor kunnen laadsnelheden verbeteren:<\/p>\n<figure style=\"width: 1456px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/verklein-css-1.png\" alt=\"Verklein de CSS aanbeveling\" width=\"1456\" height=\"382\"><figcaption class=\"wp-caption-text\">Verklein de CSS aanbeveling<\/figcaption><\/figure>\n<p>Om je CSS-bestanden te verkleinen, raden we aan om een plugin te gebruiken zoals <a href=\"https:\/\/kinsta.com\/nl\/blog\/autoptimize-instellen\/#css-options\">Autoptimize<\/a> of <a href=\"https:\/\/wp-rocket.me\/\">WP Rocket<\/a>.<\/p>\n<h3>5. Verklein JavaScript<\/h3>\n<p>Net zoals je css-bestanden kan verkleinen, kan je hetzelfde met JavaScript-bestanden doen:<\/p>\n<figure style=\"width: 1456px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/verklein-javascript-aanbeveling.png\" alt=\"Verklein JavaScript aanbeveling\" width=\"1456\" height=\"380\"><figcaption class=\"wp-caption-text\">Verklein JavaScript aanbeveling<\/figcaption><\/figure>\n<p>Ook hier kunnen Autoptimize of WP Rocket een rol van betekenis spelen.<\/p>\n<h3>6. Ongebruikte CSS Verwijderen<\/h3>\n<p>Elke code in je stylesheet is inhoud die moet worden geladen om je pagina zichtbaar te maken voor gebruikers. Niet elk stukje css op je site is daadwerkelijk nuttig, waardoor ze de prestaties van je site onnodig belasten.<\/p>\n<p>Daarom beveelt Google aan om <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/unused-css-rules\/\">ongebruikte css te verwijderen<\/a>:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/ongebruikte-css-verwijderen-aanbeveling.png\" alt=\"Ongebruikte CSS verwijderen aanbeveling\" width=\"1452\" height=\"552\"><figcaption class=\"wp-caption-text\">Ongebruikte CSS verwijderen aanbeveling<\/figcaption><\/figure>\n<p>De oplossing is hier in wezen dezelfde als die van het verwijderen van bronnen die de weergave blokkeren. Afhankelijk van wat het meest zinvol is voor je pagina&#8217;s, kan je stijlen inline leveren of uitstellen. Je kan een tool als <a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/\">Chrome DevTools<\/a> gebruiken om <a href=\"https:\/\/developer.chrome.com\/docs\/devtools\/coverage\/\">ongebruikte css te vinden<\/a> die moet worden geoptimaliseerd.<\/p>\n<h3>7. Primaire threadbewerkingen minimaliseren<\/h3>\n<p>De &#8216;primaire thread&#8217; is een specifiek onderdeel van de browser van een gebruiker. Deze wordt gebruikt om de code van een webpagina om te zetten in de eigenlijke webpagina waar de bezoeker mee kan interacteren. Dit doet hij door HTML, CSS en JavaScript te parseren en uit te voeren. Daarnaast is dit onderdeel verantwoordelijk voor de afhandeling van gebruikersinteracties.<\/p>\n<p>Dit heeft een belangrijke consequentie. Wanneer de primaire thread met de code van je site bezig is, kan deze niet tegelijkertijd de verzoeken van de gebruiker verwerken. Wanneer je site de primaire thread dus veel te doen geeft, dan kan dit resulteren in een slechte gebruikerservaring en trage laadtijden van pagina&#8217;s.<\/p>\n<p>Google PageSpeed markeert pagina&#8217;s waarvan het de primaire thread langer dan vier seconden kost om een bruikbare webpagina te presenteren:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/primaire-threadbewerkingen-minimaliseren-aanbeveling.png\" alt=\"Primaire threadbewerkingen minimaliseren aanbeveling\" width=\"1452\" height=\"254\"><figcaption class=\"wp-caption-text\">Primaire threadbewerkingen minimaliseren aanbeveling<\/figcaption><\/figure>\n<p>Een aantal methoden waarmee je het werk voor de primaire thread kan verminderen, hebben we ook al in andere secties behandeld. Denk hierbij aan:<\/p>\n<ul>\n<li>Je code verkleinen<\/li>\n<li>Ongebruikte code verwijderen<\/li>\n<li>Caching implementeren<\/li>\n<\/ul>\n<p>Ook kan je code-splitting overwegen. Hiermee splits je je JavaScript op in hapklare bundels. Deze worden uitgevoerd wanneer ze nodig zijn, in plaats van dat browsers ze eerst allemaal moeten laden voordat de pagina interactief wordt.<\/p>\n<p><a href=\"https:\/\/webpack.js.org\/guides\/code-splitting\/\">Webpack<\/a> is een populaire oplossing om code te splitten. Let wel dat dit een vrij geavanceerde techniek is die beginners meestal niet alleen moeten doen.<\/p>\n<h3>8. Verkort de JavaScript-uitvoeringstijd<\/h3>\n<p>De uitvoering van JavaScript levert vaak de meest prominente bijdrage aan main-thread-werk. PageSpeed Insights heeft daarom een aparte aanbeveling in het leven geroepen om je te waarschuwen als deze taak een aanzienlijke invloed heeft op de prestaties van je site:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/verkort-javascript-uitvoeringstijd-aanbeveling.png\" alt=\"Verkort de JavaScript-uitvoeringstijd aanbeveling\" width=\"1452\" height=\"254\"><figcaption class=\"wp-caption-text\">Verkort de JavaScript-uitvoeringstijd aanbeveling<\/figcaption><\/figure>\n<p>De methodes die we hierboven bespraken (om de primaire thread te ontlasten) zouden ook de waarschuwing in deze sectie moeten oplossen.<\/p>\n<h3>9. Beperk serverreactietijden (TTFB)<\/h3>\n<p>Time to First Byte (TTFB) is een maat voor hoe lang het duurt voordat de browser de eerste byte aan gegevens ontvangt van de server van je site na het indienen van het verzoek. Dit is niet hetzelfde als de snelheid van je site, maar het is logisch dat een lage TTFB de prestaties van je site ten goede komt.<\/p>\n<p>Om die reden is het verlagen van de serverreactietijden een van de aanbevelingen van Google PageSpeed Insights. Bij een lage TTFB zie je dit bericht onder <strong>Geslaagde controles<\/strong>:<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/serverreactietijden-bericht.png\" alt=\"Serverreactietijden zijn laag bericht\" width=\"1464\" height=\"382\"><figcaption class=\"wp-caption-text\">Serverreactietijden zijn laag bericht<\/figcaption><\/figure>\n<p>Er zijn een aantal factoren die van invloed zijn op je TTFB. Een aantal strategie\u00ebn om deze te verlagen zijn:<\/p>\n<ul>\n<li>Kiezen voor een <a href=\"https:\/\/kinsta.com\/nl\/prijzen\/\">hoogwaardige webhostingprovider<\/a> die <a href=\"https:\/\/kinsta.com\/nl\/wordpress-hosting\/\">zich richt op snelheid<\/a><\/li>\n<li>Lichtgewicht thema&#8217;s en plugins gebruiken<\/li>\n<li>Het aantal op je site ge\u00efnstalleerde plugins verminderen<\/li>\n<li>Een Content Delivery Network (CDN) gebruiken<\/li>\n<li>Browsercaching implementeren<\/li>\n<li>Een solide Domain Name Server (DNS) kiezen<\/li>\n<\/ul>\n<p>Ons <a href=\"https:\/\/kinsta.com\/nl\/blog\/ttfb\/\">artikel over TTFB<\/a> is een uitstekende bron voor meer informatie over optimalisatie van dit onderdeel.<\/p>\n<h3>10. Geef afbeeldingen het juiste formaat<\/h3>\n<p>Media files such as images can be a real drag on your site&#8217;s performance. Properly sizing them is a simple way to reduce your loading times:<\/p>\n<figure style=\"width: 1458px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/afbeeldingen-juiste-formaat-aanbeveling.png\" alt=\"Geef afbeeldingen het juiste formaat aanbeveling\" width=\"1458\" height=\"512\"><figcaption class=\"wp-caption-text\">Geef afbeeldingen het juiste formaat aanbeveling<\/figcaption><\/figure>\n<p>Als je pagina&#8217;s afbeeldingen bevatten die groter zijn dan nodig, wordt css gebruikt om ze in de juiste grootte te laten zien. Dit duurt uiteraard langer dan wanneer de afbeelding al de juiste grootte heeft. Dit be\u00efnvloedt de prestaties van de pagina.<\/p>\n<p>Om dit probleem op te lossen, dien je de afbeeldingen in de juiste formaten te uploaden of &#8216;responsieve afbeeldingen&#8217; te gebruiken. Hierbij maak je voor de meest voorkomende schermgroottes aparte afbeeldingen aan.<\/p>\n<p>Dit kan je doen met behulp van <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/HTML\/Multimedia_and_embedding\/Responsive_images\">het <strong>srcset<\/strong>-attribuut<\/a> die je toevoegt aan de <strong>&lt;img&gt;<\/strong>-tags om de verschillende bestanden te koppelen aan verschillende (scherm)formaten. Browsers lezen deze lijst, bepalen welke optie het beste is voor het huidige scherm en leveren de juiste versie van de afbeelding.<\/p>\n<p>Stel dat je bijvoorbeeld een headerafbeelding hebt en deze responsief wil maken. Je kan drie versies uploaden met breedtes van 800, 480 en 320 pixels. Vervolgens zet je het <strong>srcset<\/strong>-attribuut als volgt op:<\/p>\n<pre><code class=\"language-html\">&lt;img srcset=\"header-image-800w.jpg 880w,\n\t\tHeader-image-480w.jpg 480w,\n\t\tHeader-image-320w.jpg 320w\"\n\tsizes=\"(max-width: 320px) 280px,\n\t\t(max-width: 480px) 440px,\n\t\t800px\"\n\tsrc=\"header-image-800w.jpg\"&gt;<\/code><\/pre>\n<p>Het <strong>srcset<\/strong>-attribuut geeft de verschillende beschikbare bestanden aan en het <strong>sizes<\/strong>-attribuut vertelt browsers welke ze moeten gebruiken op basis van de huidige schermgrootte.<\/p>\n<h3>11. Laad afbeeldingen die niet in beeld zijn nog niet<\/h3>\n<p>Het uitstellen van off-screen afbeeldingen staat beter bekend als &#8216;lazy loading&#8217;. In plaats van dat de browser elke afbeelding laadt bij het openen van een pagina, worden nu alleen de afbeeldingen geladen die direct zichtbaar zijn. De overige afbeeldingen worden &#8220;on-demand&#8221; geladen, dus tijdens het scrollen.<\/p>\n<p>Hoe minder er geladen moet worden voordat de pagina zichtbaar is, hoe beter de prestaties. Daarom beveelt Google deze methode aan:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/afbeeldingen-beeld-aanbeveling.png\" alt=\"Laad afbeeldingen die niet in beeld zijn nog niet aanbeveling\" width=\"1452\" height=\"416\"><figcaption class=\"wp-caption-text\">Laad afbeeldingen die niet in beeld zijn nog niet aanbeveling<\/figcaption><\/figure>\n<p>Er zijn verschillende WordPress-plugins die helpen met lazy-loading, waaronder <a href=\"https:\/\/wordpress.org\/plugins\/a3-lazy-load\/\">a3 Lazy Load<\/a> en <a href=\"https:\/\/wordpress.org\/plugins\/rocket-lazy-load\/\">Lazy Load by WP Rocket<\/a>. Ook beschikken een aantal algemene performance-plugins, zoals <a href=\"https:\/\/kinsta.com\/nl\/blog\/autoptimize-instellen\/#image-optimization-in-autoptimize\">Autoptimize, over lazy-loadfunctionaliteiten<\/a>. Bekijk onze complete gids over dit onderwerp: \u201c<a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-lazyload\/\">Dit is hoe je in WordPress Lazyload instelt voor afbeeldingen en video\u2019s<\/a>\u201d.<\/p>\n<h3>12. Codeer afbeeldingen op een effici\u00ebnte manier<\/h3>\n<p>Zoals we eerder in dit artikel al vermeldden, hebben afbeeldingen een wezenlijke impact op de prestaties van je site. Een van de meest in het oog springende best practices is <a href=\"https:\/\/kinsta.com\/blog\/lossy-compression\/\">compressie<\/a>. Hiermee verklein je de grootte van je bestanden, zodat ze sneller laden. Het is ook de belangrijkste methode als je de aanbeveling Google wil opvolgen om <strong>afbeeldingen effici\u00ebnt te coderen<\/strong>:<\/p>\n<figure style=\"width: 1454px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/codeer-afbeeldingen-efficiente-manier.png\" alt=\"Codeer afbeeldingen op een effici\u00ebnte manier\" width=\"1454\" height=\"336\"><figcaption class=\"wp-caption-text\">Codeer afbeeldingen op een effici\u00ebnte manier<\/figcaption><\/figure>\n<p>De sleutel hierbij is het bereiken van de kleinst mogelijke bestandsgroottes, zonder dat de kwaliteit van de afbeeldingen hierbij inboet. Plugins als <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\">Imagify<\/a> en <a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\">Smush<\/a> kunnen hierbij helpen. In onze <a href=\"https:\/\/kinsta.com\/nl\/blog\/afbeeldingen-optimaliseren-voor-internet\/\">gids over afbeeldingsoptimalisatie<\/a> kan je hier meer over leren.<\/p>\n<p>Andere aanbevelingen die be\u00efnvloeden of je &#8216;slaagt&#8217; of &#8216;zakt&#8217; voor <strong>Codeer afbeeldingen op een effici\u00ebnte manier<\/strong> zijn:<\/p>\n<ul>\n<li>Afbeeldingen op de juiste grootte weergeven<\/li>\n<li>Lazy-loading implementeren (offscreen-afbeeldingen uitstellen)<\/li>\n<li>Afbeeldingen converteren naar next-gen bestandsformaten, zoals WebP<\/li>\n<li>Video-formats gebruiken voor geanimeerde inhoud, zoals GIF&#8217;s<\/li>\n<\/ul>\n<p>Naast het comprimeren van je afbeeldingen, kan je ook de stappen uitvoeren die bij bovenstaande aanbevelingen horen. Deze vind je elders in dit artikel.<\/p>\n<h3>13. Lever afbeeldingen in moderne indelingen<\/h3>\n<p>Sommige afbeeldingsbestandsindelingen laden sneller dan andere. Helaas voor jou zijn dit niet de gebruikelijke <strong>PNG<\/strong> of <strong>JPEG<\/strong>. <a href=\"https:\/\/developers.google.com\/speed\/webp\"><strong>WebP<\/strong> afbeeldingen<\/a> worden de nieuwe standaard en Google PageSpeed informeert je dan ook graag als je je hier (nog) niet aan houdt:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/lever-afbeeldingen-moderne-indelingen-aanbeveling.png\" alt=\"Lever afbeeldingen in moderne indelingen aanbeveling\" width=\"1452\" height=\"368\"><figcaption class=\"wp-caption-text\">Lever afbeeldingen in moderne indelingen aanbeveling<\/figcaption><\/figure>\n<p>Dit lijkt misschien een moeilijke aanbeveling, aangezien je waarschijnlijk al veel afbeeldingen op je site hebt staan. Gelukkig zijn er plugins die je hierbij kunnen helpen. Kijk bijvoorbeeld eens naar Imagify en Smush. Beiden bieden ze een functie om naar WebP te converteren.<\/p>\n<h3>14. Gebruik video-indelingen voor content met animaties<\/h3>\n<p>GIF&#8217;s kunnen een <a href=\"https:\/\/kinsta.com\/blog\/wordpress-gifs\/\">effectieve vorm zijn van visuele content<\/a>. Bovendien zijn ze toepasbaar in verschillende situaties. Walkthroughs, tutorials, beoordelingen en zelfs humoristische animaties: allemaal zijn ze in staat om je artikelen te verbeteren en ze aangenamer en waardevoller te maken voor de lezer.<\/p>\n<p>Helaas gaan deze voordelen vaak ten goede van je prestaties. Het laden van GIF\u2019s is bijvoorbeeld veeleisend. Daarom beveelt PageSpeed Insights aan om in plaats daarvan video-content te presenteren:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/gebruik-video-indelingen-content-animaties-aanbeveling.png\" alt=\"Gebruik video-indelingen voor content met animaties aanbeveling\" width=\"1452\" height=\"434\"><figcaption class=\"wp-caption-text\">Gebruik video-indelingen voor content met animaties aanbeveling<\/figcaption><\/figure>\n<p>Helaas is het omzetten van GIF&#8217;s naar videoformaten geen eenvoudig proces. Eerst moet je bepalen welke soort video je wil gebruiken:<\/p>\n<ul>\n<li><strong>MP4<\/strong>: hiermee krijg je iets grotere bestanden, maar is wel compatibel met de <a href=\"https:\/\/kinsta.com\/nl\/marktaandeel-desktopbrowsers\/\">meeste grote browsers<\/a>.<\/li>\n<li><strong>WebM<\/strong>: het meest geoptimaliseerde videoformaat, maar is wel beperkt in browsercompatibiliteit.<\/li>\n<\/ul>\n<p>Nadat je hebt besloten welke het meest geschikt is voor je site, moet je de bestandsindelingen converteren. De beste manier om dit te doen is via de<em> command line<\/em>, de opdrachtregel. Om te beginnen, installeer <a href=\"https:\/\/www.ffmpeg.org\/\">FFmpeg<\/a>. Dit is een open-source tool voor het converteren van bestandsindelingen:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/ffmpeg-1.png\" alt=\"ffmpeg\" width=\"1500\" height=\"897\"><figcaption class=\"wp-caption-text\">FFmpeg bestandsformaat conversietool voor video en audio<\/figcaption><\/figure>\n<p>Vervolgens open je de command-line-interface en voer je de volgende opdracht uit:<\/p>\n<pre><code>ffmpeg -i input.gif output.mp4<\/code><\/pre>\n<p>Hiermee converteer je de GIF met de bestandsnaam <strong>inpug.gif<\/strong> naar een MP4-bestand met de naam <strong>output.mp4<\/strong>. Het wijzigen van het formaat is echter nog maar het begin. Je moet nu de resulterende video op je site embedden op een manier dat deze eruitziet als een geanimeerde GIF.<\/p>\n<h4>Video-inhoud voor animaties<\/h4>\n<p>Als je ooit wel eens een GIF hebt gezien, dan weet je dat ze iets anders zijn dan normale video&#8217;s. Vaak spelen ze automatisch af en zitten ze in een loop. Ze zijn altijd zonder geluid. Als je je nieuwe MP4- of WebM-bestand op je site embedt, krijg je deze features niet.<\/p>\n<p>Wat je <em>wel<\/em> kan doen, is ze recre\u00ebren middels een regel zeer eenvoudige code. Upload je video naar je mediabibliotheek en voeg vervolgens het volgende toe aan de pagina of het artikel waar je de GIF wil opnemen:<\/p>\n<pre><code>&lt;video autoplay loop muted playsinline&gt;\n&lt;source src=\"output.mp4\" type=\"video\/mp4\"&gt;\n&lt;\/video&gt;<\/code><\/pre>\n<p>Hiermee worden de opgegeven kenmerken toegepast op je video, waardoor deze &#8216;GIF-achtig&#8217; lijkt. Zorg wel dat je de bestandsnaam en -formaat uit het voorbeeld wijzigt, zodat ze overeenkomen met die van jouw bron. Als je meer wil lezen over dit onderwerp, kijk dan eens naar de handleiding van Google over het <a href=\"https:\/\/web.dev\/replace-gifs-with-videos\/\">converteren van GIF&#8217;s naar video&#8217;s<\/a>.<\/p>\n<h3>15. Zorg ervoor dat tekst zichtbaar blijft tijdens het laden van weblettertypen<\/h3>\n<p>Net als afbeeldingen zijn lettertypes meestal ook grote bestanden waarvan het laden lang duurt. In sommige gevallen verbergen browsers je tekst, totdat het door jou gebruikte lettertype volledig is geladen. In dat geval krijg je deze aanbeveling van Google PageSpeed Insights:<\/p>\n<figure style=\"width: 1458px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/ervoor-zichtbaar-tijdens-laden-weblettertypen-aanbeveling.png\" alt=\"Zorg ervoor dat tekst zichtbaar blijft tijdens het laden van weblettertypen aanbeveling\" width=\"1458\" height=\"244\"><figcaption class=\"wp-caption-text\">Zorg ervoor dat tekst zichtbaar blijft tijdens het laden van weblettertypen aanbeveling<\/figcaption><\/figure>\n<p><a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/font-display\/\">Google adviseert<\/a> om dit probleem op te lossen door de Font Display API-<strong>swap<\/strong>-richtlijn toe te passen in je <strong>@font-face<\/strong> style. Om dit te doen ga je naar je stylesheet (<strong>style.css<\/strong>) en voeg je na het <strong>src<\/strong>-kenmerk onder <strong>@font-face<\/strong> het volgende toe:<\/p>\n<p>font-display: swap<\/p>\n<p>In onze artikelen &#8220;<a href=\"https:\/\/kinsta.com\/nl\/blog\/zo-verander-je-het-lettertype-in-wordpress\/#optimizing-fonts-for-performance\"><em>Zo verander je het lettertype in WordPress<\/em><\/a>&#8221; en onze <a href=\"https:\/\/kinsta.com\/blog\/local-fonts\/\">handleiding over het lokaal hosten van lettertypes<\/a> lees je hier meer over.<\/p>\n<h3>16. Schakel tekstcompressie in<\/h3>\n<p>De aanbeveling <strong>Schakel tekstcompressie in<\/strong> van Google PageSpeed Insights gaat over het gebruik van GZIP-compressie:<\/p>\n<figure style=\"width: 1456px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/schakel-tekstcompressie-aanbeveling.png\" alt=\"Schakel tekstcompressie in aanbeveling\" width=\"1456\" height=\"376\"><figcaption class=\"wp-caption-text\">Schakel tekstcompressie in aanbeveling<\/figcaption><\/figure>\n<p>In sommige gevallen (zoals in bovenstaande afbeelding) wordt tekstcompressie automatisch ingeschakeld op je webserver. Als dit niet het geval is voor jouw site, dan heb je hier een aantal opties om deze aanbeveling op te volgen.<\/p>\n<p>De eerste is het installeren van een plugin die GZIP-compressie voor je regelt. Als je het geld ervoor over hebt, is WP Rocket een goede oplossing.<\/p>\n<p>Ook kan je je tekst handmatig comprimeren. Hierbij moet je aan de slag gaan met je <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-htaccess-bestand\/\"><strong>.htaccess<\/strong>-bestand<\/a>. Dit is riskant, dus zorg ervoor dat je over een (recente) back-up beschikt.<\/p>\n<p>De meeste WordPress-sites draaien op Apache-servers. De code om <a href=\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/\">GZIP-compressie in te schakelen<\/a> ziet er als volgt uit:<\/p>\n<pre><code class=\"apacheconf\">&lt;IfModule mod_deflate.c&gt;\n  # Compress HTML, CSS, JavaScript, Text, XML and fonts\n  AddOutputFilterByType DEFLATE application\/javascript\n  AddOutputFilterByType DEFLATE application\/rss+xml\n  AddOutputFilterByType DEFLATE application\/vnd.ms-fontobject\n  AddOutputFilterByType DEFLATE application\/x-font\n  AddOutputFilterByType DEFLATE application\/x-font-opentype\n  AddOutputFilterByType DEFLATE application\/x-font-otf\n  AddOutputFilterByType DEFLATE application\/x-font-truetype\n  AddOutputFilterByType DEFLATE application\/x-font-ttf\n  AddOutputFilterByType DEFLATE application\/x-javascript\n  AddOutputFilterByType DEFLATE application\/xhtml+xml\n  AddOutputFilterByType DEFLATE application\/xml\n  AddOutputFilterByType DEFLATE font\/opentype\n  AddOutputFilterByType DEFLATE font\/otf\n  AddOutputFilterByType DEFLATE font\/ttf\n  AddOutputFilterByType DEFLATE image\/svg+xml\n  AddOutputFilterByType DEFLATE image\/x-icon\n  AddOutputFilterByType DEFLATE text\/css\n  AddOutputFilterByType DEFLATE text\/html\n  AddOutputFilterByType DEFLATE text\/javascript\n  AddOutputFilterByType DEFLATE text\/plain\n  AddOutputFilterByType DEFLATE text\/xml\n\n  # Remove browser bugs (only needed for really old browsers)\n  BrowserMatch ^Mozilla\/4 gzip-only-text\/html\n  BrowserMatch ^Mozilla\/4\\.0[678] no-gzip\n  BrowserMatch \\bMSIE !no-gzip !gzip-only-text\/html\n  Header append Vary User-Agent\n&lt;\/IfModule&gt;\n<\/code><\/pre>\n<p>Voeg het in je <strong>.thaccess<\/strong>-bestand na <strong>#END<\/strong>. Als je WordPress-site op een Nginx-server wordt gehost, voeg dan de volgende code toe aan het <strong>nginx.conf<\/strong>-bestand:<\/p>\n<pre><code class=\"nginx\">36 gzip on;\n37 gzip_disable \"MSIE [1-6]\\.(?!.*SV1)\";\n38 gzip_vary on;\n39 gzip_types text\/plain text\/css text\/javascript application\/javascript application\/x-javascript;<\/code><\/pre>\n<p>Als je de tekstcompressie van je site wil checken, kijk dan eens naar een tool als <a href=\"https:\/\/www.giftofspeed.com\/gzip-test\/\">GiftOfSpeed<\/a>:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/giftofspeed-gzip-compressiecontrole.png\" alt=\"GiftOfSpeed GZIP-compressiecontrole\" width=\"1500\" height=\"884\"><figcaption class=\"wp-caption-text\">GiftOfSpeed GZIP-compressiecontrole<\/figcaption><\/figure>\n<p>Deze tool laat je weten of GZIP-compressie is ingeschakeld, op welke server je site draait en nog een aantal andere belangrijke zaken.<\/p>\n<h3>17. Maak vooraf verbinding met vereiste herkomsten<\/h3>\n<p>De kans is groot dat je site ten minste \u00e9\u00e9n externe bron bevat &#8211; Google Analytics is een bekend voorbeeld. Het kan enige tijd duren voordat browsers een verbinding met deze bronnen tot stand brengen. Dit kan je laadsnelheden vertragen.<\/p>\n<p>Door gebruik te maken van het <strong>preconnect<\/strong>-attribuut laat je browsers direct weten dat er externe scripts op je pagina staan &#8211; en dat deze moeten worden geladen. Het proces om ze op te roepen kan hiermee eerder worden gestart, waardoor je prestaties verbeteren.<\/p>\n<p>Als Google vermoedt dat je kan profiteren van deze techniek, dan zie je de suggestie <strong>Maak vooraf verbinding met vereiste herkomsten<\/strong>:<\/p>\n<figure style=\"width: 1454px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/maak-vooraf-verbinding-vereiste-herkomsten-aanbeveling.png\" alt=\"Maak vooraf verbinding met vereiste herkomsten aanbeveling\" width=\"1454\" height=\"254\"><figcaption class=\"wp-caption-text\">Maak vooraf verbinding met vereiste herkomsten aanbeveling<\/figcaption><\/figure>\n<p>Er zijn een aantal manieren waarop je deze optimalisatiestrategie kan implementeren. Als je vertrouwd bent met het bewerken van je WordPress-themabestanden, dan kan je een linktag toevoegen aan je <strong>header.php<\/strong>-bestand. Een voorbeeld:<\/p>\n<pre><code class=\"language-html\">&lt;link rel=\u201cpreconnect\u201d href=\u201cexample.com\u201d&gt;<\/code><\/pre>\n<p>In dit geval vertelt de tag dat browsers zo snel mogelijk een verbinding met <strong>voorbeeld.com<\/strong> moeten maken. Google PageSpeed Insights geeft een lijst weer met alle relevante bronnen waarvoor je linktags met het preconnect-attribuut moet toevoegen.<\/p>\n<p>Een andere optie is om een plugin te gebruiken. <a href=\"https:\/\/perfmatters.io\/\">Permatters<\/a> bevat een preconnect-functie (disclaimer: ik ben een van de oprichters van Perfmatters). WP Rocket en <a href=\"https:\/\/wordpress.org\/plugins\/pre-party-browser-hints\/\">Pre* Party Resource Hints<\/a> bevatten soortgelijke functionaliteiten.<\/p>\n<h3>18. Laad belangrijke verzoeken vooraf<\/h3>\n<p>Net als bij de aanbeveling <strong>Maak vooraf verbinding met vereiste herkomsten<\/strong>, zorgt deze aanbeveling ervoor dat je het aantal verzoeken vermindert, specifiek het aantal verzoeken dat je browser maakt bij de server van je site. Maar in plaats van verbinding maken met externe bronnen, richt de aanbeveling <strong>Laad belangrijke verzoeken vooraf<\/strong> zich op het laden van kritieke assets van je eigen server:<\/p>\n<figure style=\"width: 1446px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/belangrijke-verzoeken-vooraf-aanbeveling.png\" alt=\"Laad belangrijke verzoeken vooraf aanbeveling\" width=\"1446\" height=\"250\"><figcaption class=\"wp-caption-text\">Laad belangrijke verzoeken vooraf aanbeveling<\/figcaption><\/figure>\n<p>Implementatie van deze techniek lijkt erg op die van de vorige aanbeveling. PageSpeed Insights geeft je een aantal bronnen. Zorg dat je de linktags daarvan toevoegt aan je <strong>header.php<\/strong>-bestand:<\/p>\n<pre><code class=\"language-html\">&lt;link rel=\u201cpreload\u201d href=\u201cexample.com\u201d&gt;<\/code><\/pre>\n<p>Ook kan je Perfmatters, WP Rocket of Pre* Party Resource Hints gebruiken om dit voor je te doen.<\/p>\n<h3>19. Vermijd meerdere pagina-omleidingen<\/h3>\n<p>Je gebruikt omleidingen wanneer je wil dat de ene URL naar de andere verwijst. Meestal worden ze gebruikt wanneer je een pagina op je site verplaatst of verwijdert. Hoewel er normaal gesproken niets mis is met het gebruik van omleidingen, veroorzaken ze extra vertraging in de laadtijd.<\/p>\n<p>Als je site <a href=\"https:\/\/kinsta.com\/nl\/blog\/err_too_many_redirects\/\">te veel omleidingen<\/a> bevat, dan zie je deze aanbeveling in Google PageSpeed Insights:<\/p>\n<figure style=\"width: 1460px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/vermijd-meerdere-pagina-omleidingen-aanbeveling.png\" alt=\"Vermijd meerdere pagina-omleidingen aanbeveling\" width=\"1460\" height=\"204\"><figcaption class=\"wp-caption-text\">Vermijd meerdere pagina-omleidingen aanbeveling<\/figcaption><\/figure>\n<p>Het enige wat je kan doen om deze aanbeveling op te volgen, is om ervoor te zorgen dat je alleen omleidingen gebruikt wanneer dit absoluut noodzakelijk is. Je kan meer lezen over omleidingen en hoe je ze maakt in ons artikel &#8220;<a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-redirect\/\"><em>WordPress Redirect \u2013 Best practices voor snellere prestaties<\/em><\/a>&#8220;.<\/p>\n<h3>20. Lever statische items met een effici\u00ebnt cachebeleid<\/h3>\n<p>Als je al een tijdje gebruik maakt van Google PageSpeed Insights, dan ken je aanbeveling wellicht nog onder de oude naam <strong>Maak gebruik van browsercaching<\/strong>. Vanaf versie 5 is het gelabeld als <strong>Lever statische items met een effici\u00ebnt cachebeleid<\/strong>:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/lever-statische-items-efficient-cachebeleid-aanbeveling.png\" alt=\"Lever statische items met een effici\u00ebnt cachebeleid aanbeveling\" width=\"1452\" height=\"338\"><figcaption class=\"wp-caption-text\">Lever statische items met een effici\u00ebnt cachebeleid aanbeveling<\/figcaption><\/figure>\n<p>Deze suggestie bevat meerdere lagen. Laten we ze eens doorlopen. De eerste laag is defini\u00ebren wat &#8216;caching&#8217; precies inhoudt. In het kort is dit het proces waarbij browsers kopie\u00ebn van je pagina&#8217;s opslaan, zodat ze bij toekomstige bezoeken sneller kunnen worden geladen.<\/p>\n<p>De populairste manier om op een WordPress-site caching te implementeren is door <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-caching-plugins\/\">het gebruik van plugins<\/a>. WP Rocket en <a href=\"https:\/\/kinsta.com\/nl\/blog\/w3-total-cache\/\">W3 Total Cache<\/a> zijn populaire opties.<\/p>\n<p>Sommige hostingsproviders \u2013 <a href=\"https:\/\/kinsta.com\/nl\/blog\/kinsta-regelt-de-wordpress-caching-zodat-jij-dat-niet-hoeft-te-doen\/\">waaronder wij hier bij Kinsta<\/a> \u2013 maken caching echter mogelijk via hun servers. Al onze klanten kunnen zelfs gratis <a href=\"https:\/\/kinsta.com\/nl\/blog\/edge-caching\/\">Edge Caching<\/a> inschakelen, een feature die de tijd die nodig is om de HTML in hun webpagina&#8217;s aan bezoekers van de site te leveren met gemiddeld meer dan 50% vermindert.<\/p>\n<p>Controleer of dit het geval is voor je host voordat je een caching-plugin installeert.<\/p>\n\n<p>Zodra je caching voor je site hebt ingeschakeld, kan je je bezighouden met het tweede deel van deze aanbeveling. Wat is &#8216;effici\u00ebnt cachebeleid&#8217;? Browsers wissen hun caches namelijk regelmatig om te zorgen dat ze met up-to-date kopie\u00ebn werken.<\/p>\n<p>Idealiter wil je dat deze periode zo hoog mogelijk ligt. Als je site om de twee uur van browsercache wisselt (door deze te wissen), dan heb je vrijwel niets aan caching en kan je het bijna net zo goed niet gebruiken. Je kan de vervalperiode van je cache optimaliseren met behulp van de headers <strong>Cache-Control<\/strong> en <strong>Expires<\/strong>.<\/p>\n<h4>Cache-control headers toevoegen<\/h4>\n<p>Gebruik de volgende code om Cache-Control headers toe te voegen in Nginx:<\/p>\n<pre><code class=\"nginx\">location ~* \\.(js|css|png|jpg|jpeg|gif|svg|ico)$ {\n expires 30d;\n add_header Cache-Control \"public, no-transform\";\n}<\/code><\/pre>\n<p>Voeg deze toe aan het configuratiebestand van je server. In bovenstaand voorbeeld verlopen de opgegeven bestandstypen na 30 dagen.<\/p>\n<p>Gebruik je een <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-apache\/\">Apache server<\/a>? Voeg dan dit toe aan je <strong>.htaccess<\/strong> bestand:<\/p>\n<pre><code class=\"apacheconf\">&lt;filesMatch \".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$\"&gt;\nHeader set Cache-Control \"max-age=84600, public\"\n<\/code><\/pre>\n<p>Voeg deze code toe v\u00f3\u00f3r <strong>#BEGIN WordPress<\/strong> of na <strong>#END WordPress<\/strong>. In dit voorbeeld is de cache-vervalperiode ingesteld op 84.600 seconden.<\/p>\n<h4>Expires headers toevoegen<\/h4>\n<p><strong>Cache-Control<\/strong> headers zijn tegenwoordig zo&#8217;n beetje de standaard. Er zijn echter enkele tools (waaronder GTMetrix) die nog steeds controleren op <strong>Expires<\/strong>-headers.<\/p>\n<p>Je kan <a href=\"https:\/\/kinsta.com\/nl\/blog\/voeg-expires-headers-wordpress\/\">expires headers toevoegen<\/a> aan een Nginx server door het volgende op te nemen in je serverblock:<\/p>\n<pre><code class=\"nginx\">location ~*  \\.(jpg|jpeg|gif|png|svg)$ {\n        expires 365d;\n    }\n\n    location ~*  \\.(pdf|css|html|js|swf)$ {\n        expires 2d;\n    }<\/code><\/pre>\n<p>Stel op basis van bestandstypen verschillende vervaltijden in. Je kan op Apache-servers hetzelfde resultaat behalen door de volgende code aan je <strong>.htaccess<\/strong>-bestand toe te voegen:<\/p>\n<pre><code class=\"apacheconf\">## EXPIRES HEADER CACHING ##\n&lt;IfModule mod_expires.c&gt;\nExpiresActive On\nExpiresByType image\/jpg \"access 1 year\"\nExpiresByType image\/jpeg \"access 1 year\"\nExpiresByType image\/gif \"access 1 year\"\nExpiresByType image\/png \"access 1 year\"\nExpiresByType image\/svg \"access 1 year\"\nExpiresByType text\/css \"access 1 month\"\nExpiresByType application\/pdf \"access 1 month\"\nExpiresByType application\/javascript \"access 1 month\"\nExpiresByType application\/x-javascript \"access 1 month\"\nExpiresByType application\/x-shockwave-flash \"access 1 month\"\nExpiresByType image\/x-icon \"access 1 year\"\nExpiresDefault \"access 2 days\"\n&lt;\/IfModule&gt;\n## EXPIRES HEADER CACHING ##<\/code><\/pre>\n<p>Nogmaals, voeg deze code toe v\u00f3\u00f3r <strong>#BEGIN WordPress<\/strong> of na <strong>#END WordPress<\/strong>.<\/p>\n<h4>Effici\u00ebnt cachen van Google Analytics<\/h4>\n<p>Ironisch genoeg gebruikt <a href=\"https:\/\/kinsta.com\/nl\/blog\/google-analytics-wordpress\/\">het Google Analytics-script &#8211; dat je waarschijnlijk hebt toegevoegd<\/a> aan de headers van je pagina&#8217;s om gebruikersgedrag te volgen &#8211; een cache-vervalperiode van slechts twee uur. Dit doen ze waarschijnlijk zodat gebruikers snel toegang hebben tot de wijzigingen, wanneer updates op het platform worden aangebracht<\/p>\n<p>Dit script wordt weergegeven in de lijst met bronnen onder de aanbeveling <strong>Lever statische items met een effici\u00ebnt cachebeleid<\/strong>. Omdat het eigendom is van een externe partij, kan je de vervalperiode niet wijzigen met de headers <strong>Cache-Control<\/strong> of <strong>Expires<\/strong>.<\/p>\n<p>Als dit het enige script is dat onder deze aanbeveling staat, kan je gelukkig nog steeds slagen voor deze audit:<\/p>\n<figure style=\"width: 1466px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/geslaagd-voor-cachebeleid-test.png\" alt=\"Geslaagd voor de cachebeleid-test\" width=\"1466\" height=\"544\"><figcaption class=\"wp-caption-text\">Geslaagd voor de cachebeleid-test<\/figcaption><\/figure>\n<p>Echter, zoals al eerder aangaven is je PageSpeed-score minder belangrijk dan de werkelijke en waargenomen prestaties. Dat gezegd hebbende, om deze bron effici\u00ebnt te leveren, kan je ervoor kiezen om Google Analytics lokaal te hosten.<\/p>\n<p>Plugins zoals <a href=\"https:\/\/wordpress.org\/plugins\/host-analyticsjs-local\/\">Complete Analytics Optimization Suite (CAOS)<\/a> en Perfmatters kunnen je hierbij helpen. Je kan meer lezen hierover in onze <a href=\"https:\/\/kinsta.com\/nl\/blog\/leverage-browser-caching\/\">complete handleiding voor deze PageSpeed-aanbeveling<\/a>.<\/p>\n<h3>21. De impact van code van derden beperken<\/h3>\n<p>We hebben nu verschillende manieren besproken waarop externe scripts een negatieve impact kunnen hebben op je prestaties en kunnen leiden tot onvoldoendes op PageSpeed Insights. In het ideale geval wil minder afhankelijk zijn van deze tools om nadelige effecten te voorkomen.<\/p>\n<p>In sommige gevallen kun je echter niet om het gebruik van extern scripts heen. Google Analytics is hiervan een uitstekend voorbeeld. Anderen zijn:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-social-media-plugins\/\">Knoppen en feeds voor het delen van sociale media<\/a><\/li>\n<li>YouTube video-insluitingen<\/li>\n<li><a href=\"https:\/\/kinsta.com\/blog\/wordpress-iframe\/\">iFrames voor advertenties en andere inhoud<\/a><\/li>\n<li>Bibliotheken voor JavaScript, lettertypen en andere elementen<\/li>\n<\/ul>\n<p>In gevallen waarin je het gebruik van externe scripts noodzakelijk acht, is het zaak om de impact hiervan op de prestaties van je site te minimaliseren. Ook de PageSpeed-analyse zal je dit vertellen:<\/p>\n<figure style=\"width: 1468px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/impact-code-derden-beperken-aanbeveling.png\" alt=\"De impact van code van derden beperken aanbeveling\" width=\"1468\" height=\"348\"><figcaption class=\"wp-caption-text\">De impact van code van derden beperken aanbeveling<\/figcaption><\/figure>\n<p>Om externe code effici\u00ebnter te laden, kan je een van de technieken gebruiken die we al eerder in dit artikel noemden:<\/p>\n<ul>\n<li>Stel het laden van JavaScript uit<\/li>\n<li>Gebruik linktags met het attribuut <strong>preconnect<\/strong>.<\/li>\n<li>Host externe scripts lokaal (zoals we hierboven beschreven met Google Analytics)<\/li>\n<\/ul>\n<p>Met deze methodes kan je de impact van deze scripts op de prestaties van je site minimaliseren.<\/p>\n<h3>22. Vermijdt enorme netwerkpayloads<\/h3>\n<p>Deze aanbeveling is vooral relevant voor je mobiele bezoekers. Grote payloads zorgen voor meer mobiele data en dus voor hogere kosten voor de mobiele gebruiker. Dit kan je voorkomen door het aantal netwerkverzoeken &#8211; die nodig zijn om je pagina te laden &#8211; te minimaliseren:<\/p>\n<figure style=\"width: 1452px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/vermijdt-enorme-netwerkpayloads-aanbeveling.png\" alt=\"Vermijdt enorme netwerkpayloads aanbeveling\" width=\"1452\" height=\"420\"><figcaption class=\"wp-caption-text\">Vermijdt enorme netwerkpayloads aanbeveling<\/figcaption><\/figure>\n<p>Google raadt een maximale grootte van 1.600KB of minder aan. De meest gebruikte methoden om dit te gebruiken staan her en der verspreid in dit artikel, waaronder:<\/p>\n<ul>\n<li>Het uitstellen van &#8216;below the fold&#8217; CSS, JavaScript en afbeeldingen<\/li>\n<li>Code verkleinen<\/li>\n<li>Afbeeldingsbestanden comprimeren<\/li>\n<li>Het WebP-formaat gebruiken voor afbeeldingen<\/li>\n<li>Caching implementeren<\/li>\n<\/ul>\n<p>Als je deze stappen opvolgt, dan zou je met vlag en wimpel moeten slagen voor deze test.<\/p>\n<h3>23. Markeringen en metingen voor gebruikerstiming<\/h3>\n<p>Deze aanbeveling is alleen relevant als je gebruikt maakt van de <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/user-timings\/\">User Timing API<\/a>. Deze tool maakt timestamps die je helpen om de prestaties van JavaScript te evalueren. Als je deze API op jouw site hebt ingesteld, zie je onder deze kop in PageSpeed de markeringen en metingen:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/markeringen-metingen-gebruikerstiming-aanbeveling.png\" alt=\"Markeringen en metingen voor gebruikerstiming aanbeveling\" width=\"1500\" height=\"727\"><figcaption class=\"wp-caption-text\">Markeringen en metingen voor gebruikerstiming aanbeveling<\/figcaption><\/figure>\n<p>Zoals je ziet, is deze aanbeveling van Google ook geen kwestie van &#8216;slagen&#8217; of &#8216;zakken&#8217;. PageSpeed Insights zorgt alleen dat je deze informatie eenvoudig terug kan vinden, zodat je het kan gebruiken om gebieden te vinden die je kan optimaliseren.<\/p>\n<p>Als je ge\u00efnteresseerd bent in het opnemen van de User Timing API op je WordPress-site, lees dan vooral deze <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/User_Timing_API\/Using_the_User_Timing_API\">handleiding van Mozilla<\/a>.<\/p>\n<h3>24. Vermijd een overmatig grote DOM<\/h3>\n<p>In eenvoudige termen is de DOM hoe browsers HTML in objecten omzetten. Het maakt gebruik van een boomstructuur met afzonderlijke knooppunten. Elk van deze knooppunten vertegenwoordigt een object. Hoe groter de DOM van je pagina is, hoe langer het duurt om deze te laden.<\/p>\n<p>Als je pagina <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/performance\/dom-size\/\">bepaalde normen met betrekking tot DOM-grootte<\/a> overschrijdt, raadt Google aan om het aantal knooppunten en de <a href=\"https:\/\/web.dev\/reduce-the-scope-and-complexity-of-style-calculations\/\">complexiteit van je css-stijl<\/a> te verminderen:<\/p>\n<figure style=\"width: 1458px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/01\/vermijd-overmatig-grote-dom-aanbeveling.png\" alt=\"Vermijd een overmatig grote DOM aanbeveling\" width=\"1458\" height=\"252\"><figcaption class=\"wp-caption-text\">Vermijd een overmatig grote DOM aanbeveling<\/figcaption><\/figure>\n<p>Een veelvoorkomende boosdoener die zorgt dat je &#8216;zakt&#8217; voor deze test is je WordPress-thema. Zware thema&#8217;s voegen vaak grote hoeveelheden elementen toe aan de DOM. Ook kunnen ze ingewikkelde styling bevatten die je site vertraagt. Als dit het geval is, moet je mogelijk van <a href=\"https:\/\/kinsta.com\/nl\/blog\/wijzig-wordpress-thema\/\">thema wisselen<\/a>.<\/p>\n\n<h2>Samenvatting<\/h2>\n<p>Google PageSpeed Insights zou een belangrijk onderdeel van je webmaster-toolbox moeten zijn. Toch is het zonde van je tijd om je blind te staren op die 100\/100 score. De kans is groot dat je je tijd beter en effici\u00ebnter kan besteden.<\/p>\n<p>In dit artikel hebben we de zin en onzin van de Google PageSpeed Insights-score behandeld. We hebben ook enkele korte richtlijnen gedeeld om de aanbevelingen van het platform op je site toe te passen, om de prestaties ervan te verbeteren.<\/p>\n<p>Heb je vragen over Google PageSpeed Insights of het optimaliseren van je site? Stel ons gerust een vraag in de reacties hieronder!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Google Pagespeed Insights is een handig hulpmiddel voor webmasters, ontwikkelaars en site-eigenaren. Toch merken we dat mensen buitensporig veel tijd steken om die gewilde 100\/100-score te &#8230;<\/p>\n","protected":false},"author":38,"featured_media":29597,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[202,27],"topic":[898],"class_list":["post-29560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-pagespeed","tag-webperf","topic-wordpress-prestaties"],"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>Google PageSpeed Insights: De waarheid over de 100\/100 score<\/title>\n<meta name=\"description\" content=\"Is de 100\/100 score van Google PageSpeed Insights een welgekoesterde droom? Richt je in plaats daarvan op de prestaties van je site. Wij leggen het uit.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google PageSpeed Insights: de waarheid over de 100\/100 score\" \/>\n<meta property=\"og:description\" content=\"Is de 100\/100 score van Google PageSpeed Insights een welgekoesterde droom? Richt je in plaats daarvan op de prestaties van je site. Wij leggen het uit.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/\" \/>\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=\"2020-02-12T16:54:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-05T07:42:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\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=\"Is de 100\/100 score van Google PageSpeed Insights een welgekoesterde droom? Richt je in plaats daarvan op de prestaties van je site. Wij leggen het uit.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.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=\"35 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/\"},\"author\":{\"name\":\"Brian Jackson\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\"},\"headline\":\"Google PageSpeed Insights: de waarheid over de 100\/100 score\",\"datePublished\":\"2020-02-12T16:54:02+00:00\",\"dateModified\":\"2025-05-05T07:42:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/\"},\"wordCount\":5987,\"commentCount\":3,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.png\",\"keywords\":[\"pagespeed\",\"webperf\"],\"articleSection\":[\"WordPress performance tutorials\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/\",\"name\":\"Google PageSpeed Insights: De waarheid over de 100\/100 score\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.png\",\"datePublished\":\"2020-02-12T16:54:02+00:00\",\"dateModified\":\"2025-05-05T07:42:18+00:00\",\"description\":\"Is de 100\/100 score van Google PageSpeed Insights een welgekoesterde droom? Richt je in plaats daarvan op de prestaties van je site. Wij leggen het uit.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.png\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.png\",\"width\":1460,\"height\":730,\"caption\":\"Google PageSpeed Insights: de waarheid over de 100\/100 score\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress prestaties\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-prestaties\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Google PageSpeed Insights: de waarheid over de 100\/100 score\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.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:\/\/kinsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7\",\"name\":\"Brian Jackson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.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:\/\/kinsta.com\/nl\/blog\/author\/brianjackson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Google PageSpeed Insights: De waarheid over de 100\/100 score","description":"Is de 100\/100 score van Google PageSpeed Insights een welgekoesterde droom? Richt je in plaats daarvan op de prestaties van je site. Wij leggen het uit.","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:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/","og_locale":"nl_NL","og_type":"article","og_title":"Google PageSpeed Insights: de waarheid over de 100\/100 score","og_description":"Is de 100\/100 score van Google PageSpeed Insights een welgekoesterde droom? Richt je in plaats daarvan op de prestaties van je site. Wij leggen het uit.","og_url":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/","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":"2020-02-12T16:54:02+00:00","article_modified_time":"2025-05-05T07:42:18+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.png","type":"image\/png"}],"author":"Brian Jackson","twitter_card":"summary_large_image","twitter_description":"Is de 100\/100 score van Google PageSpeed Insights een welgekoesterde droom? Richt je in plaats daarvan op de prestaties van je site. Wij leggen het uit.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.png","twitter_creator":"@brianleejackson","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Brian Jackson","Geschatte leestijd":"35 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/"},"author":{"name":"Brian Jackson","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7"},"headline":"Google PageSpeed Insights: de waarheid over de 100\/100 score","datePublished":"2020-02-12T16:54:02+00:00","dateModified":"2025-05-05T07:42:18+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/"},"wordCount":5987,"commentCount":3,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.png","keywords":["pagespeed","webperf"],"articleSection":["WordPress performance tutorials"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/","url":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/","name":"Google PageSpeed Insights: De waarheid over de 100\/100 score","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.png","datePublished":"2020-02-12T16:54:02+00:00","dateModified":"2025-05-05T07:42:18+00:00","description":"Is de 100\/100 score van Google PageSpeed Insights een welgekoesterde droom? Richt je in plaats daarvan op de prestaties van je site. Wij leggen het uit.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.png","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/02\/google-pagespeed-insights-1.png","width":1460,"height":730,"caption":"Google PageSpeed Insights: de waarheid over de 100\/100 score"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/google-pagespeed-insights\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WordPress prestaties","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-prestaties\/"},{"@type":"ListItem","position":3,"name":"Google PageSpeed Insights: de waarheid over de 100\/100 score"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.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:\/\/kinsta.com\/nl\/#\/schema\/person\/079824c00ccc2b7141504f27ea63bef7","name":"Brian Jackson","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.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:\/\/kinsta.com\/nl\/blog\/author\/brianjackson\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/29560","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/38"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=29560"}],"version-history":[{"count":14,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/29560\/revisions"}],"predecessor-version":[{"id":62456,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/29560\/revisions\/62456"}],"alternate":[{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/29560\/translations\/it"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/29560\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/29560\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/29560\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/29560\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/29560\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/29560\/translations\/nl"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/29560\/translations\/jp"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/29560\/translations\/dk"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/29560\/translations\/se"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/29560\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/29597"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=29560"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=29560"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=29560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}