{"id":36033,"date":"2020-11-04T23:07:09","date_gmt":"2020-11-05T07:07:09","guid":{"rendered":"https:\/\/kinsta.com\/?p=80014"},"modified":"2023-08-09T09:34:45","modified_gmt":"2023-08-09T07:34:45","slug":"gzip-compressie","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/","title":{"rendered":"Zo schakel je GZIP compressie in om WordPress websites sneller te maken"},"content":{"rendered":"<p>De makkelijkste manier om je WordPress website sneller te maken is door <a href=\"https:\/\/kinsta.com\/blog\/third-party-performance\/\">alle overbodige resources te verwijderen<\/a>. De \u00e9\u00e9n na makkelijkste manier om je website sneller te maken is om alle resources die w\u00e9l nodig zijn te comprimeren. Je kan dit het makkelijkst en meest effici\u00ebnt doen door GZIP compressie op je webserver in te schakelen.<\/p>\n<p>Alle moderne browsers ondersteunen standaard GZIP compressie. Maar om je gecomprimeerde resources zonder problemen aan je bezoekers te laten zien, moet je de server wel goed instellen.<\/p>\n<p>In dit artikel leer je de basis over datacompressie voor je site, wat GZIP compressie is, wat de voordelen zijn en hoe je het kan gebruiken om je WordPress websites sneller te maken bij verschillende serveropstellingen.<\/p>\n<p>Zin in? Laten we gaan comprimeren dan!<\/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<h3>Kijk je liever de <a href=\"https:\/\/www.youtube.com\/watch?v=sq0ngDELXY8\">videoversie<\/a>?<\/h3>\n<p class=\"p1\"><kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=sq0ngDELXY8\"><\/kinsta-video><\/p>\n\n<h2>De basis van datacompressie op het web<\/h2>\n<p>Datacompressie op het web is het verkleinen van data die verzonden wordt door websites. Afhankelijk van het type data, zoals tekst, afbeeldingen, stylesheets, script of lettertypen, zijn er verschillende manieren om die data te verkleinen.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Main-Components-of-a-Webpage.png\" alt=\"De belangrijkste componenten van een webpagina\" width=\"1100\" height=\"494\"><figcaption class=\"wp-caption-text\">De belangrijkste componenten van een webpagina<\/figcaption><\/figure>\n<p>Zo is het <a href=\"https:\/\/kinsta.com\/nl\/leren\/wordpress-sneller-maken\/#use-minification-on-html-css-and-javascript\">minificeren van HTML, CSS en JavaScript<\/a> bijvoorbeeld een eenvoudige manier om de hoeveelheid data die browsers versturen, te verminderen. Bij dit proces wordt de tekst gecomprimeerd door de minifier door onnodige tekens te verwijderen, bijvoorbeeld de <a href=\"https:\/\/kinsta.com\/blog\/wordpress-comments\/\">opmerkingen<\/a> en witruimte in de broncode.<\/p>\n<p>In het voorbeeld hieronder, van een eenvoudig <a href=\"https:\/\/kinsta.com\/nl\/blog\/zo-upload-je-een-html-bestand-naar-wordpress\/\">HTML document<\/a>, zie je drie typen content: HTML markup, <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-css\/\">CSS styles<\/a> en JavaScript code.<\/p>\n<p>Elk type heeft een eigen syntax en structuur. In totaal bevat dit HTML document 357 tekens.<\/p>\n<pre><code class=\"language-html\">&lt;<strong>html<\/strong>&gt;\n&lt;<strong>head<\/strong>&gt;\n    &lt;<strong>style<\/strong>&gt;\n    \/* kinsta-banner is used on the homepage only *\/\n    .kinsta-banner { font-size: 150% }\n    .kinsta-banner { width: 75% }\n&lt;\/<strong>style<\/strong>&gt;\n&lt;\/<strong>head<\/strong>&gt;\n&lt;<strong>body<\/strong>&gt;\n    <!-- kinsta banner START -->\n    &lt;<strong>div<\/strong>&gt;...&lt;\/<strong>div<\/strong>&gt;\n    <!-- kinsta banner END -->\n    &lt;<strong>script<\/strong>&gt;\n    kinstaScripts(); \/\/ random scripts used on the page\n    &lt;\/<strong>script<\/strong>&gt;\n&lt;\/<strong>body<\/strong>&gt;\n&lt;\/<strong>html<\/strong>&gt;<\/code><\/pre>\n<p>De code hierboven is eenvoudig te lezen en goed te volgen. Ideaal dus voor development en wanneer je moet samenwerken. Maar de browser heeft al die aanwijzingen en opmerkingen niet nodig, en ook geen perfect uitgelijnde tags. Een slimme compressor kan dit document analyseren en alle onnodige tekens eruit halen.<\/p>\n<pre><code class=\"language-html\">&lt;<strong>html<\/strong>&gt;&lt;<strong>head<\/strong>&gt;&lt;<strong>style<\/strong>&gt;.kinsta-banner{font-size:150%;width:75%}&lt;\/<strong>style<\/strong>&gt;&lt;\/<strong>head<\/strong>&gt;&lt;<strong>body<\/strong>&gt;&lt;<strong>div<\/strong>&gt;...&lt;\/<strong>div<\/strong>&gt;&lt;<strong>script<\/strong>&gt;kinstaScripts();&lt;\/<strong>script<\/strong>&gt;&lt;\/<strong>body<\/strong>&gt;&lt;\/<strong>html<\/strong>&gt;<\/code><\/pre>\n<p>Na het minificeren bevat dit HTML document zo nog maar 141 tekens. Dat is <strong>60,5%<\/strong> <strong>minder<\/strong> tekens. Het is niet prettig te lezen, maar dat maakt voor de browser dan ook niks uit. De gebruiker ziet nog steeds precies dezelfde pagina.<\/p>\n<p>Om de voordelen van beide versies te kunnen gebruiken, kan je het originele document bewaren als &#8220;development versie&#8221;, maar het document minimaliseren voor je live site.<\/p>\n<p>De meeste <a href=\"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-plugins\/#performance\">WordPress plugins voor betere prestaties<\/a> zullen dit automatisch voor je regelen.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/jQuery-Regular-vs-Minified-Size-Comparison.png\" alt=\"Bestandsgrootte ongecomprimeerd en minified jQuery\" width=\"1100\" height=\"140\"><figcaption class=\"wp-caption-text\">Bestandsgrootte ongecomprimeerd en minified jQuery<\/figcaption><\/figure>\n<p>Zo is verder bijvoorbeeld de ongecomprimeerde versie van de <strong>jQuery 3.5.1<\/strong> bibliotheek meer dan 3 keer zo groot als de geminimaliseerde versie.<\/p>\n<p>Op dezelfde manier kunnen dergelijke technieken gebruikt worden om andere contenttypen te optimaliseren, zoals afbeeldingen, video&#8217;s, lettertypen enzovoort. Dergelijke content-specifieke verkleinmethodes zijn de eerste stap in het optimaliseren van de bestandsgrootte van je tekstuele bronnen van je website.<\/p>\n<p>Deze duidelijke voordelen zijn de reden waarom Kinsta een <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn#code-minification-1\">code-minificatiefeature<\/a> in het <a href=\"https:\/\/kinsta.com\/nl\/mykinsta\/\">MyKinsta dashboard<\/a> heeft ge\u00efmplementeerd. Klanten kunnen kiezen voor automatische codeminificatie voor hun CSS- en JavaScript bestanden, waardoor hun sites sneller worden zonder handmatige inspanning.<\/p>\n<p>Maar datacompressie gaat verder dan alleen minificatie. Door geavanceerde wiskundige technieken te gebruiken, kunnen compressie-algoritmen de bestandsgrootte van je data verder verkleinen.<\/p>\n<p>E\u00e9n van de meest populaire methoden voor dergelijke compressie is <strong>GZIP<\/strong>. Het maakt effici\u00ebnte verzending van data mogelijk en heeft zelfs een aanzienlijke bijdrage geleverd aan het internet als een bruikbaar, wereldwijd communicatiemiddel.<\/p>\n<h2>Wat is GZIP compressie?<\/h2>\n<p>GZIP, dat staat voor <strong>GNU Zip<\/strong>, is de meest populaire lossless datacompressiemethode op het web. Het maakt het mogelijk om de grootte van de HTML pagina&#8217;s, stylesheets en scripts van je website te verminderen.<\/p>\n<p>Naast dat het een datacompressie-algoritme is, is GZIP ook een bestandstype (<strong>.gz<\/strong>) en softwaredata dat wordt gebruikt voor het (de)comprimeren van bestanden.<\/p>\n<p>GZIP is gebaseerd op het <a href=\"https:\/\/en.wikipedia.org\/wiki\/DEFLATE\">DEFLATE algoritme<\/a>, wat weer een mix is van <a href=\"https:\/\/cs.stanford.edu\/people\/eroberts\/courses\/soco\/projects\/data-compression\/lossless\/lz77\/index.htm\">LZ77 encoding<\/a> en <a href=\"https:\/\/cs.stanford.edu\/people\/eroberts\/courses\/soco\/projects\/data-compression\/lossless\/lz77\/index.htm\">Huffman codering<\/a> algoritmes.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/DEFLATE-Algorithm-Working-gzip-Compression.png\" alt=\"GZIP compressie is gebaseerd op het DEFLATE algoritme\" width=\"1100\" height=\"494\"><figcaption class=\"wp-caption-text\">GZIP compressie is gebaseerd op het DEFLATE algoritme<\/figcaption><\/figure>\n<p>Een GZIP compressor pakt een stuk ruwe data en comprimeert het zonder verlies van data (wat lossless wordt genoemd). Deze ruwe data kan elk bestandstype zijn, maar GZIP werkt het beste bij bestanden op basis van tekst (bijvoorbeeld HTML, CSS, JS).<\/p>\n<p>Het volgende deel gaat dieper in over hoe GZIP compressie precies werkt.<\/p>\n<h3>How GZIP Compresses Data<\/h3>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/How-GZIP-Compression-Works.png\" alt=\"Een ruwe impressie van hoe GZIP compressie werkt\" width=\"1100\" height=\"452\"><figcaption class=\"wp-caption-text\">Een ruwe impressie van hoe GZIP compressie werkt<\/figcaption><\/figure>\n<p>Om te beginnen voert de GZIP compressor het <a href=\"https:\/\/ethw.org\/Milestones:Lempel-Ziv_Data_Compression_Algorithm,_1977\">LZ77 compressiealgoritme<\/a> uit op de ruwe data om overbodige data te verwijderen. Dit algoritme vindt herhaalde patronen in een vooraf gedefinieerd bewegend venster (en bekijkt dus steeds een klein deel van de ruwe data).<\/p>\n<p>Vervolgens worden herhaalde strings vervangen door tuples om de grootte te beperken.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/LZ77-gzip-Sliding-Window-Search-Buffer-Illustration.png\" alt=\"Een illustratie van het LZ77 encoding algoritme\" width=\"1100\" height=\"330\"><figcaption class=\"wp-caption-text\">Een illustratie van het LZ77 encoding algoritme<\/figcaption><\/figure>\n<p>In het voorbeeld hierboven is het bewegende venster slechts 13 tekens groot (dus 13 bytes). Maar GZIP compressie kan maximaal een venster van 32KB (32,768 bytes) gebruiken. De grootte van dit venster speelt een belangrijke rol in hoe effici\u00ebnt de LZ77 compressie is.<\/p>\n<p>Na het comprimeren van de ruwe data via het LZ77 algoritme, gebruikt de GZIP compressor het <a href=\"https:\/\/en.wikipedia.org\/wiki\/Huffman_coding\">Huffman coding algoritme<\/a> om het nog verder te comprimeren. Dit wordt gedaan door tekens die het vaakst voorkomen het minste aantal bits toe te wijzen, terwijl tekens die weinig voorkomen het grootste aantal bits krijgen.<\/p>\n<p>Deze techniek lijkt wel wat op wat in Morse-code wordt gebruikt, waarbij de meest gebruikte letters (in de Engelse taal) de kortste frequentie krijgen.<\/p>\n<p>Om het Huffman coderingsalgoritme goed te begrijpen, nemen we het woord <code><strong>BOOKKEEPER<\/strong><\/code>. Dit woord is 10 tekens lang, maar heeft slechts 6 unieke tekens. Het woord is een mooie mix van letters die \u00e9\u00e9n, twee of drie keer gebruikt worden.<\/p>\n<p>Bijna alle <a href=\"https:\/\/w3techs.com\/technologies\/overview\/character_encoding\">websites gebruiken UTF-8 teken encoding<\/a> om letters en symbolen weer te geven. Elk <a href=\"https:\/\/en.wikipedia.org\/wiki\/ASCII\">ASCII teken<\/a> in UTF-8, waaronder het Engelse alfabet, gebruikt 1 byte (8 bits).<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Bookkeeper-Word-Frequency-Huffman-Coding.png\" alt=\"The word \" width=\"1100\" height=\"382\"><figcaption class=\"wp-caption-text\">The word &#8220;BOOKKEEPER&#8221; has many repeating letters<\/figcaption><\/figure>\n<p>Een string van 10 tekens, zoals <code><strong>BOOKKEEPER<\/strong><\/code> gebruikt daardoor 10 bytes (=80 bits) aan geheugen. Je kan zien dat het eenmaal de letters <code><strong>B<\/strong>, <strong>P<\/strong>, <strong>R<\/strong><\/code>, gebruikt, 2 keer de letters <code><strong>O<\/strong><\/code> and <code><strong>K<\/strong><\/code>, en 3 keer de letter <code><strong>E<\/strong><\/code>.<\/p>\n<p>Het Huffman coding algoritme gebruikt dit inzicht om de string lossless te comprimeren. Dit wordt gedaan door een binaire boom te genereren waarbij elke unieke letter een blad is.<\/p>\n<p>Letters die het minst vaak voorkomen (dus\u00a0<strong>B<\/strong>,\u00a0<strong>P<\/strong>,\u00a0<strong>R<\/strong>) zullen onderaan de boom zitten, terwijl letters die vaker voorkomen (dus <strong>E<\/strong>,\u00a0<strong>O<\/strong>,\u00a0<strong>K<\/strong>) idealiter bovenin de boom zitten.<\/p>\n<p>Het bovenste knooppunt van de boom is de <strong>root<\/strong>, ofwel wortel, en de waarde ervan is gelijk aan het aantal tekens in de string.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" style=\"font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;font-size: 1rem\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Huffman-Coding-Tree-Bookkeeper-Example.png\" alt=\"Huffman Tree voor het woord \u201cBOOKKEEPER\u201d\" width=\"1100\" height=\"721\"><figcaption class=\"wp-caption-text\">Huffman Tree voor het woord \u201cBOOKKEEPER\u201d<\/figcaption><\/figure>\n<p>Na het genereren van de Huffman boom, krijgen alle naar links splitsende aftakkingen het getal <strong>0<\/strong> en de rechtse aftakkingen het getal <strong>1<\/strong>. Je kan vervolgende de Huffman code voor elk teken genereren door het pad van de wortel tot het blad te volgen, en alle <strong>0<\/strong> en <strong>1<\/strong> achter elkaar te zetten.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Huffman-Code-Compression-Optimization-Table.png\" alt=\"Huffman code zijn unieke binaire codes voor elk teken\" width=\"1100\" height=\"563\"><figcaption class=\"wp-caption-text\">Huffman code zijn unieke binaire codes voor elk teken<\/figcaption><\/figure>\n<p>Je ziet dat hierdoor de letters die het vaakst voorkomen bovenaan zitten, en dus Huffman codes met het minste aantal bits hebben.<\/p>\n<p><strong>Noot<\/strong>: Het Huffman coding algoritme kan verschillende binaire codes maken door een andere strategie voor de volgorde te gebruiken voor tekens met gelijke frequenties. Maar de totale grootte van de gecodeerde string zal alsnog hetzelfde zijn.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Huffman-Encoding-Compression-Algorithm.png\" alt=\"Een 80 bits woord wordt gecodeerd als 25 bits string\" width=\"1100\" height=\"248\"><figcaption class=\"wp-caption-text\">Een 80 bits woord wordt gecodeerd als 25 bits string<\/figcaption><\/figure>\n<p>Hierdoor heb je dus <strong>68,75%<\/strong> minder geheugen nodig voor hetzelfde woord.<\/p>\n<p>Het gebruiken van de Huffman boom met de <strong>0<\/strong>\/<strong>1<\/strong> conventie levert binaire codes op die voldoen aan de <a href=\"https:\/\/en.wikipedia.org\/wiki\/Prefix_code\">prefix eigenschap<\/a>. Het zorgt ervoor dat de Huffman code van een specifiek teken niet ook de prefix van de code van een ander teken is, wat het makkelijk maakt om de gecodeerde string te decoderen via de Huffman boom. Dit speelt een belangrijke rol bij de snelheid van GZIP decompressie.<\/p>\n<p>Net als met het woord hierboven gebruikt de GZIP compressor het Huffman coding algoritme om de tuples te optimaliseren die gemaakt worden door het LZ77 algoritme. Het resultaat is sterk gecomprimeerde bestanden met de <a href=\"https:\/\/docs.fileformat.com\/compression\/gz\/\">.gz extensie<\/a>.<\/p>\n<p>Als je ge\u00efnteresseerd bent in meer informatie over hoe GZIP precies werkt, kijk dan eens <a href=\"https:\/\/www.youtube.com\/watch?v=wLx5OGxOYUc\">deze video<\/a> voor een goed overzicht.<\/p>\n<h3>Hoe goed is GZIP compressie?<\/h3>\n<p>Over het algemeen biedt GZIP een compressieniveau van rond de 70% voor kleinere bestanden, maar dit kan oplopen tot 90% voor grotere, tekstgebaseerde bestanden.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/gzip-js-css-library-compressed-sizes-table.png\" alt=\"GZIP compressieniveau voor populaire CSS en JS libraries\" width=\"1100\" height=\"530\"><figcaption class=\"wp-caption-text\">GZIP compressieniveau voor populaire CSS en JS libraries<\/figcaption><\/figure>\n<p>In de tabel hierboven zie je dat het comprimeren met GZIP van geminimaliseerde bestanden de bestandsgrootte nog verder kan verkleinen.<\/p>\n<p><strong>Noot:<\/strong> Je kan elk bestandstype comprimeren met GZIP, maar assets die al gecomprimeerd zijn met andere methoden (zoals afbeeldingen en video&#8217;s), zullen weinig tot geen winst opleveren. Het kan zelfs voorkomen dat de grootte iets toeneemt.<\/p>\n<p>De kracht van een compressie-algoritme is niet alleen af te lezen aan het compressieniveau, maar ook hoe snel en effici\u00ebnt de data gecomprimeerd en weer gedecomprimeerd wordt. En dat is precies waar GZIP echt het verschil maakt in de meeste use cases.<\/p>\n<p>Doordat GZIP snel decomprimeert via een doorlopend algoritme, is het een goede keuze voor webprotocollen waarbij snelheid belangrijk is. Daarnaast gebruikt GZIP een minimum aan bronnen voor het (de)comprimeren van data, waardoor het dus ideaal is voor zowel de servers als clients.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Compression-Ratio-Speed-Decompression-Speed-gzip-brotli-bzip2-xz.png\" alt=\"Compressie van brotli vs bzip2 vs GZIP vs xz (Bron: OpenCPU)\" width=\"1100\" height=\"462\"><figcaption class=\"wp-caption-text\">Compressie van brotli vs bzip2 vs GZIP vs xz (Bron: OpenCPU)<\/figcaption><\/figure>\n<p>De grafieken hierboven vergelijken de effici\u00ebntie van de <strong>brotli<\/strong>,\u00a0<strong>bzip2<\/strong>,\u00a0<strong>gzip<\/strong>, en <strong>xz\u00a0<\/strong> compressie-algoritmen. GZIP biedt een net wat lager compressieniveau, maar op zowel compressie- als decompressiesnelheid verslaan ze de concurrenten ruim.<\/p>\n<p>Als je kijkt naar de grafiek over compressiesnelheid, kunnen we concluderen dat GZIP ideaal is voor real-time compressie bij HTTP servers en andere online datastromen. Gezien alle bijdragen aan de ontwikkelen van het internet, heeft het <a href=\"https:\/\/www.rfc-editor.org\/rfc\/rfc2616\">IETF GZIP geratificeerd<\/a> als \u00e9\u00e9n van de drie standaardformats voor compressie in HTTP\/1.1.<\/p>\n<p><strong>Noot:<\/strong> Een abstractie van GZIP&#8217;s compressie library die <strong>zlib<\/strong> heet wordt gebruikt in veel populaire besturingssystemen (Linux, macOS, iOS) en moderne spelcomputers (PlayStation 4, Wii U, Xbox One). Het wordt ook gebruikt in het lossless PNG bestandsformat voor afbeeldingen.<\/p>\n<h2>6 voordelen van GZIP compressie<\/h2>\n<p>We gaan verder met de belangrijkste voordelen van GZIP compressie.<\/p>\n<h3>Biedt een goed compressieniveau<\/h3>\n<p>Zoals eerder gezegd, biedt GZIP niet de allerbeste compressie die er te vinden is. Maar het zit er maar n\u00e9t onder. Over het algemeen kunnen resources met veel tekst met zo&#8217;n 70-90% verkleind worden.<\/p>\n<h3>Supersnelle compressie en decompressie<\/h3>\n<p>Als het gaat om snelheid van het comprimeren en decomprimeren, is GZIP duidelijk de winnaar. Het is erg handig voor on-the-fly compressie in HTTP servers en andere datastromen.<\/p>\n<h3>Vereist weinig geheugen<\/h3>\n<p>GZIP gebruikt een minimum aan geheugen, waardoor het ideaal is voor servers en systemen met beperkte geheugencapaciteit. Daarom wordt het ook ondersteund door zelfs de <a href=\"https:\/\/kinsta.com\/nl\/blog\/goedkope-wordpress-hosting\/\">allergoedkoopste webhostingproviders<\/a>.<\/p>\n<h3>Breidt weinig uit, zelfs in de slechtste gevallen<\/h3>\n<p>Lossless datacompressiemethoden zoals GZIP hebben een strikt limiet, waarboven ze geen data meer kunnen comprimeren.<\/p>\n<p>Dit wordt meestal bereikt wanneer een bestand al eerder is gecomprimeerd, of wanneer het heel klein is en het toevoegen van de GZIP dictionary meer ruimte inneemt dan er bespaard wordt. Dit is toe te schrijven aan iets dat <a href=\"https:\/\/en.wikipedia.org\/wiki\/Entropy_encoding\">entropy encoding<\/a> heet. GZIP is hier nauwelijks vatbaar voor.<\/p>\n<h3>Gratis te gebruiken en open source<\/h3>\n<p>GZIP is ontwikkeld als <a href=\"https:\/\/www.gnu.org\/software\/gzip\/\">gratis, open source vervanging<\/a> van het gepatenteerde <strong>compress<\/strong> programma dat in vroeg Unix systemen gebruikt wordt. Het wordt daardoor niet beperkt door patenten en kan door iedereen gebruikt worden.<\/p>\n<h3>Universele ondersteuning<\/h3>\n<p><a href=\"https:\/\/w3techs.com\/technologies\/details\/ce-gzipcompression\">Volgens W3Techs<\/a> wordt GZIP compressie gebruikt door <strong>82%<\/strong> van de door hen gevolgde websites, waardoor GZIP het meest gebruikte compressie-algoritme online is.<\/p>\n<p>GZIP wordt ondersteund door bijna alle servers en clients. Op welke server je je website dus ook host, je kan GZIP gebruiken om je website sneller te maken.<\/p>\n<h2>GZIP waarschuwing in snelheidstests<\/h2>\n<p>Naast minificatie is het inschakelen van GZIP \u00e9\u00e9n van de makkelijkste en meest effectieve manieren om <a href=\"https:\/\/kinsta.com\/nl\/blog\/responsive-webdesign\/#speed\">je website sneller te maken<\/a>.<\/p>\n<p>Het is ook \u00e9\u00e9n van de makkelijkste manieren om WordPress te optimaliseren. Toch zijn er nog veel WordPress websites die het niet gebruiken.<\/p>\n<p>Wanneer je een website bezoekt, controleert je browser meteen of de webserver GZIP gebruikt, door te zoeken naar de <code><strong>content-encoding: gzip<\/strong><\/code> responsheader. Bestaat die header, dan worden de gecomprimeerde bestanden opgehaald, uitgepakt, en worden de kleinere bestanden automatisch weergegeven.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/gzip-Content-Encoding-Response-Header-Chrome-DevTools.png\" alt=\"De \u201ccontent-encoding: gzip\u201d responsheader in Chrome DevTools\" width=\"1100\" height=\"485\"><figcaption class=\"wp-caption-text\">De \u201ccontent-encoding: gzip\u201d responsheader in Chrome DevTools<\/figcaption><\/figure>\n<p>Als de browser geen GZIP responsheader vindt, worden de ongecomprimeerde bestanden gedownload. In de meeste gevallen is dat een verschil van een paar seconden. Als je GZIP dus niet ingeschakeld hebt op je website, zul je een waarschuwing krijgen in de meeste <a href=\"https:\/\/kinsta.com\/nl\/blog\/snelheidstest-website\/\">snelheidstests voor websites<\/a>.<\/p>\n<h3>GZIP waarschuwing in Google PageSpeed Insights \/ Lighthouse<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/snelheidstest-website\/#2-google-pagespeed-insights\">Google PageSpeed Insights<\/a>\u00a0laat een waarschuwing zien wanneer je geen tekstcompressie gebruikt op je website.<\/p>\n<p><strong>Noot:<\/strong>\u00a0Google PageSpeed Insights en Google Lighthouse waren vroeger twee aparte snelheidstests. Tot 2018 werkten ze los van elkaar, tot Google <a href=\"https:\/\/webmasters.googleblog.com\/2018\/11\/pagespeed-insights-now-powered-by.html\">PageSpeed Insight upgradet met het gebruik van Lighthouse<\/a> als analyse-engine. Daarom zijn vanaf dat moment PageSpeed Insights en Lighthouse hetzelfde.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Google-PageSpeed-Insights-Enable-Text-Compression-gzip-Recommendation.png\" alt=\"\u201cEnable text compression\u201d waarschuwing in Google PageSpeed Insights\" width=\"1100\" height=\"778\"><figcaption class=\"wp-caption-text\">\u201cEnable text compression\u201d waarschuwing in Google PageSpeed Insights<\/figcaption><\/figure>\n<p>In het voorbeeld hierboven zorgt het comprimeren van tekstgebaseerde resources voor een vermindering van de paginagrootte van <strong>78%<\/strong> en maakt de laadtijd <strong>2,1 seconde<\/strong> sneller.<\/p>\n<p><strong>Noot:<\/strong>\u00a0PageSpeed Insights gebruikt de responsheaders die de browser terugkrijgt van de server. Hierdoor kan er soms een waarschuwing getoond worden terwijl je wel GZIP compressie gebruikt. Dit kan bijvoorbeeld voorkomen wanneer je een snelheidstest uitvoert op een computer die een tussenliggende proxyserver of beveiligingssoftware gebruikt. Dergelijke omstandigheden veranderen het downloadgedrag van gecomprimeerde bestanden van externe servers.<\/p>\n<h3>GZIP waarschuwing in GTmetrix<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/snelheidstest-website\/#6-gtmetrix\">GTmetrix<\/a> laat een waarschuwing zien als je website geen gecomprimeerde resources aanbiedt. Net als bij Google PageSpeed Insights laat het ook de potenti\u00eble optimalisaties zien.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/GTMetrix-Enable-Text-Compression-gzip-Recommendation.png\" alt=\"\u201cEnable compression\u201d waarschuwing in GTmetrix\" width=\"1100\" height=\"552\"><figcaption class=\"wp-caption-text\">\u201cEnable compression\u201d waarschuwing in GTmetrix<\/figcaption><\/figure>\n<p><strong>Noot:<\/strong>\u00a0<a href=\"https:\/\/gtmetrix.com\/blog\/big-changes-are-coming-to-gtmetrix-lighthouse-new-test-locations-new-pro-plans-etc\/\">GTmetrix is hun snelheidstest momenteel aan het upgraden door het<\/a>\u00a0algoritme te veranderen van het oude PageSpeed Insights en YSlow libraries naar de nieuwste <a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview\/\">Google Lighthouse metrics<\/a>. Je kan er dus van uitgaan dat de GZIP compressiewaarschuwing sterk zal gaan lijken op die van Lighthouse.<\/p>\n<h3>GZIP Waarschuwing in Pingdom Tools<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/pingdom-speed-test\/\">Pingdom Tools<\/a>\u00a0geeft een duidelijke waarschuwing dat je de onderdelen van je website moet comprimeren met GZIP.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Pingdom-Tools-Enable-Text-Compression-gzip-Recommendation.png\" alt=\"\u201cCompress components with GZIP\u201d waarschuwing in Pingdom Tools\" width=\"1100\" height=\"226\"><figcaption class=\"wp-caption-text\">\u201cCompress components with GZIP\u201d waarschuwing in Pingdom Tools<\/figcaption><\/figure>\n<p>In de omschrijving biedt Pingdom Tools nog wat extra statistieken over het belang van GZIP, ter extra motivatie. Prima!<\/p>\n<h3>GZIP Waarschuwing in WebPageTest<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/nl\/blog\/webpagetest\/\">WebPageTest<\/a>\u00a0laat een waarschuwing zien in het tabblad\u00a0<strong>Performance Review<\/strong> wanneer ze detecteren dat responses die gecomprimeerd zouden kunnen worden niet op de optimale manier worden aangeboden.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/WebPageTest-Enable-Text-Compression-gzip-Recommendation.png\" alt=\"\u201cUse GZIP compression\u201d waarschuwing in WebPageTest\" width=\"1100\" height=\"266\"><figcaption class=\"wp-caption-text\">\u201cUse GZIP compression\u201d waarschuwing in WebPageTest<\/figcaption><\/figure>\n<p>WebPageTest geeft er ook een score bij om te laten zien hoe ernstig de waarschuwing is. Zo wordt hierboven bijvoorbeeld een score van 23\/100 gegeven, wat betekent dat je er een prioriteit van moet maken.<\/p>\n<h2>Hoe controleer je of GZIP compressie is ingeschakeld?<\/h2>\n<p>De <code><strong>Accept-Encoding: gzip, deflate<\/strong><\/code> HTTP header wordt <a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/HTTP\/Headers\/Content-Encoding#Compressing_with_gzip\">ondersteund door nagenoeg alle moderne browsers<\/a>. Vandaar dat de meeste webhosts GZIP compressie (of <a href=\"https:\/\/kinsta.com\/nl\/blog\/brotli-compressie\/\">Brotli compressie<\/a>) standaard inschakelen op al hun servers.<\/p>\n<p>Wanneer webservers deze header krijgen van een browser, sturen ze een gecomprimeerde HTTP respons terug via de <code><strong>content-encoding: gzip<\/strong><\/code> header, aangezien de browser dus GZIP ondersteunt.<\/p>\n<p>Maar als je een andere hostingprovider gebruikt, of gewoon wilt controleren of je website al GZIP gecomprimeerde content aanbiedt, kan je controleren of dit is ingeschakeld.<\/p>\n<p>Hieronder zijn enkele eenvoudige manier om te controleren of GZIP compressie wordt gebruikt.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"3\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Online GZIP Compressie testtools<\/h3>\n<p>Het gebruiken van een online tool is de makkelijkste manier om te kijken of GZIP compressie is ingeschakeld op je website. Ik raad de gratis <a href=\"https:\/\/www.giftofspeed.com\/gzip-test\/\">Check GZIP Compression<\/a>\u00a0of\u00a0<a href=\"https:\/\/www.whatsmyip.org\/http-compression-test\/\">HTTP Compression Test<\/a>\u00a0tools aan. Typ gewoon je <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-een-url\/\">URL<\/a> in en druk op <strong>Check<\/strong> of <strong>Test<\/strong>.<\/p>\n<p>Beide online tools geven je een kort overzicht of GZIP al dan niet ingeschakeld is, en hoeveel data je je bespaart of kan besparen door op de test URL GZIP compressie te gebruiken.<\/p>\n<p>De eerste tool laat andere relevante informatie zien als het servertype van je website, contenttype en compressietijd.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/gzip-Compression-Test-Online-Tool.png\" alt=\"Testen van Kinsta.com met de HTTP Compression Test tool\" width=\"1100\" height=\"659\"><figcaption class=\"wp-caption-text\">Testen van Kinsta.com met de HTTP Compression Test tool<\/figcaption><\/figure>\n<p><strong>Opmerking:<\/strong> Op 5 november 2021 heeft Kinsta een upgrade uitgevoerd naar Brotli compressie via Cloudflare voor alle HTTPS verzoeken. Je kunt testen op Brotli compressie door te controleren op <code>content-encoding: br<\/code> in de responsheaders van een verzoek.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/HTTP-Compression-Test-for-gzip-Compression.png\" alt=\"Testing Kinsta.com with HTTP Compression Test tool\" width=\"1100\" height=\"348\"><figcaption class=\"wp-caption-text\">Testing Kinsta.com with HTTP Compression Test tool<\/figcaption><\/figure>\n<p>Let hierbij op dat GZIP optimalisatie niet ophoudt bij je webpagina, maar doorgaat bij de statische text-based assets zoals stylesheet, scripts en lettertypen. Gebruik je een CDN om deze assets af te leveren, dan moet je dus ervoor zorgen dat dit CDN ook GZIP compressie gebruikt.<\/p>\n<p>De meeste <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-cdn\/\">moderne CDN\u2019s<\/a>\u00a0zoals Cloudflare,\u00a0<a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn\">Kinsta CDN<\/a>, KeyCDN, en CloudFront ondersteunen GZIP compressie. Je kan de assets vanuit het CDN testen op GZIP compressie door direct naar die assets te linken.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Testing-CDN-Hosted-Static-Assets-for-gzip-Compression.png\" alt=\"GZIP compressie test voor assets vanuit een CDN\" width=\"1100\" height=\"669\"><figcaption class=\"wp-caption-text\">GZIP compressie test voor assets vanuit een CDN<\/figcaption><\/figure>\n<p>In het bovenstaande rapport kun je zien dat <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/wordpress-cdn\/kinsta-cdn\/#kinstas-cdn\">Kinsta CDN gebruik maakt van KeyCDN engine<\/a>, wat een traditioneel pull CDN is.<\/p>\n<p><strong>Opmerking:<\/strong> Kinsta is overgestapt op Cloudflare als CDN partner om de sites van onze klanten te versnellen en te beveiligen. Je kunt er <a href=\"https:\/\/kinsta.com\/nl\/blog\/cloudflare-integratie\/\">hier meer over lezen<\/a>.<\/p>\n<p>Als je Kinsta gebruikt om je site te hosten, hoef je je geen zorgen te maken over GZIP compressie omdat wij standaard Brotli compressie inschakelen &#8211; <a href=\"https:\/\/kinsta.com\/nl\/blog\/brotli-compressie\/\">een sneller alternatief voor GZIP compressie<\/a>.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Alle hostingpakketten bij Kinsta bevatten gratis ondersteuning voor Kinsta CDN.<\/p>\n<\/aside>\n\n<h3>2. De \u201ccontent-encoding: gzip\u201d HTTP responsheader<\/h3>\n<p>De tweede manier om te controleren of een website GZIP compressie gebruikt is door de <code><strong>content-encoding: gzip<\/strong><\/code> HTTP response header te controleren.<\/p>\n<p>Je kan hiervoor Chrome DevTools of Firefox Developer Tools openen en zoeken naar de responderheader onder\u00a0<strong>Network<\/strong>.<\/p>\n<p>Ik heb eerder al laten zien hoe dat er in Chrome DevTools uitziet. En zo ziet dat eruit in Firefox Developer Tools.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/gzip-Content-Encoding-Response-Header-Firefox.png\" alt=\"De \u201ccontent-encoding: gzip\u201d header in Firefox Developer Tools\" width=\"1100\" height=\"543\"><figcaption class=\"wp-caption-text\">De \u201ccontent-encoding: gzip\u201d header in Firefox Developer Tools<\/figcaption><\/figure>\n<p>Je kan ook de optie &#8220;Use large request rows&#8221; inschakelen in Chrome DevTools om zowel de originele als gecomprimeerde grootte van de pagina te zien. Zoals je hieronder kan zien is de pagina van <strong>118KB<\/strong> naar slechts <strong>22,9KB<\/strong> gegaan door GZIP.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/gzip-Use-Larger-Request-Rows-Chrome-DevTools.png\" alt=\"Geef de gecomprimeerde vs ongecomprimeerde grootte weer in Chrome DevTools\" width=\"1100\" height=\"489\"><figcaption class=\"wp-caption-text\">Geef de gecomprimeerde vs ongecomprimeerde grootte weer in Chrome DevTools<\/figcaption><\/figure>\n<h3>3. Snelheidstesten voor webpagina&#8217;s<\/h3>\n<p>De meeste snelheidstests voor webpagina&#8217;s zullen je waarschuwen als je geen GZIP compressie voor je webpagina&#8217;s gebruikt. Veel lezers van dit artikel komen hier waarschijnlijk door precies die GZIP waarschuwingen, waarvan ik er al een aantal heb besproken.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/gzip-Warnings-Website-Page-Speed-Testing-Tools.png\" alt=\"GZIP waarschuwingen in verschillende snelheidstests\" width=\"1100\" height=\"448\">GZIP waarschuwingen in verschillende snelheidstestsGebruik tools zoals PageSPeed Insights, GTmetrix, Pingdom Tools, en WebPageTest om te controleren of GZIP compressie is ingeschakeld voor je WordPress website.<\/p>\n<h2>Hoe schakel je GZIP compressie in?<\/h2>\n<p>Heb je GZIP compressie nog niet ingeschakeld op je webserver, dan zijn er allerlei manieren om dit te doen. De handigste manier hangt af van je webserver.<\/p>\n<p><strong>Belangrijk:<\/strong> Zoals altijd, <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-back-ups\/\">maak je eerst een back-up van je site<\/a> en instellingsbestanden van je server voordat je ze bewerkt.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"decimal\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<h3>1. Inschakelen van GZIP via een WordPress plugin<\/h3>\n<p>De makkelijkste manier om GZIP compressie in te schakelen voor je WordPress site is door een optimalisatie of caching plugin te gebruiken.<\/p>\n<p>Wordt je WordPress site bijvoorbeeld gehost op een <a href=\"https:\/\/kinsta.com\/nl\/blog\/wat-is-apache\/\">Apache webserver<\/a>, dan bevat <a href=\"https:\/\/kinsta.com\/nl\/blog\/w3-total-cache\/\">W3 Total Cache<\/a> een optie om <a href=\"https:\/\/kinsta.com\/nl\/blog\/w3-total-cache\/#w3-total-cache-settings--browser-cache\">GZIP compressie in te schakelen<\/a> onder de <strong>Browser Cache<\/strong> instellingen.<\/p>\n<p>Op dezelfde manier maakt <a href=\"https:\/\/docs.wp-rocket.me\/article\/63-enable-gzip-compression\">WP Rocket het mogelijk automatisch GZIP compressieregels toe te voegen<\/a>. Deze plugins activeren GZIP compressie door de Apache module <code><strong>mod_deflate<\/strong><\/code> toe te voegen aan het <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-htaccess-bestand\/\">.htaccess bestand<\/a>.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/W3-Total-Cache-Enable-HTTP-gzip-Compression.png\" alt=\"Inschakelen van GZIP compressie in W3 Total Cache\" width=\"1100\" height=\"328\"><figcaption class=\"wp-caption-text\">Inschakelen van GZIP compressie in W3 Total Cache<\/figcaption><\/figure>\n<p>WordPress plugins vereisen toestemming om de bestanden op je webserver aan te passen. Als ze niet de juiste toestemmingen hebben, zal het niet lukken of je krijgt een foutmelding.<\/p>\n<p>In dergelijke gevallen moet je contact opnemen met je hostingprovider of de instellingen van je webserver handmatig aanpassen met de stukjes code hieronder.<\/p>\n<p><strong>Noot:<\/strong> Kinsta heeft haar platform al volledig geoptimaliseerd voor <a href=\"https:\/\/kinsta.com\/nl\/wordpress-hosting\/\">hoge prestaties, betrouwbaarheid en veiligheid<\/a>. Dit betekent dat GZIP compressie standaard ingeschakeld is bij alle hostingpakketten.<\/p>\n<p>Aangezien sommige externe <a href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-caching-plugins\/\">cachingplugins<\/a> conflicten kunnen veroorzaken met de interne optimalisatie, staat Kinsta de meeste cachin plugins niet toe op haar servers. Voor meer informatie vind je <a href=\"https:\/\/kinsta.com\/nl\/docs\/wordpress-hosting\/wordpress-plugins-themas\/wordpress-verboden-incompatibele-plugins\/\">hier de volledige lijst met geblokkeerde plugins<\/a>.<\/p>\n<h3>2. Inschakelen GZIP op Apache Web Server<\/h3>\n<p><a href=\"https:\/\/news.netcraft.com\/archives\/2020\/08\/26\/august-2020-web-server-survey.html\">Volgens Netcraft<\/a> bedienen Apache servers meer actieve sites dan welke andere webservers ook. Het is ook een van de <a href=\"https:\/\/make.wordpress.org\/hosting\/handbook\/server-environment\/#recommended-servers\">twee webservers die WordPress zelf aanbeveelt<\/a>.<\/p>\n<p>Om GZIP compressie te activeren op Apache servers, moet je de modules <code><strong>mod_filter<\/strong><\/code> en <code><strong>mod_deflate<\/strong><\/code> gebruiken en ze goed instellen. Deze modules zullen ervoor zorgen dat Apache de output van server comprimeert voordat ze naar clients verzonden worden.<\/p>\n<p>Afhankelijk van je toegangsrechten heb je twee manieren om de instellingen van je Apache server aan te passen:<\/p>\n<ol>\n<li>Als je bij de hoofdinstellingen kan (in het bestand dat meestal <strong>httpd.conf<\/strong> heet), kun je dit het beste gebruiken, aangezien het instellen van Apache via <strong>.htaccess<\/strong> bestanden Apache langzamer kan maken.<\/li>\n<li>Heb je hier geen toegang tot, zoals bij de meeste WordPress shared hostingproviders, dan zul je Apache moeten instellen via het <strong>.htaccess<\/strong><\/li>\n<\/ol>\n<p>De eerste optie is dus alleen voor <a href=\"https:\/\/kinsta.com\/nl\/blog\/systeembeheerder\/\">sysadmins<\/a>, aangezien hostingproviders je moeten toestaan om de hoofdinstellingen aan te passen. De uitleg hoe je dit precies doet gaat wat te ver voor dit artikel. We verwijzen je daarvoor naar het voorbeeld <a href=\"https:\/\/github.com\/h5bp\/server-configs-apache\">Apache Server Configs<\/a> dat gedeeld is door het HTML5 Boilerplate project en de algemene <a href=\"https:\/\/httpd.apache.org\/docs\/current\/configuring.html\">Apache documentatie<\/a>.<\/p>\n<p>De tweede optie is het meest geschikt voor de meeste WordPress sitebeheerders, aangezien veel shared hostingproviders je wel toestaan om de <strong>.htaccess<\/strong> bestanden te bewerken.<\/p>\n<p>Om te beginnen <a href=\"https:\/\/kinsta.com\/nl\/blog\/zo-gebruik-je-sftp\/\">gebruik je SFTP<\/a> of de online bestandsmanager van je host om het <strong>.htaccess<\/strong> bestand te vinden in de root directory van je WordPress site. Vervolgens voeg je onderstaand stukje code in.<\/p>\n<p><strong>Belangrijk:<\/strong> Let erop dat de module <code><strong>mod_filter<\/strong><\/code> actief is op je server. De meeste webhosts hebben dit standaard ingeschakeld, maar zo niet, dan werkt de <code><strong>AddOutputFilterByType<\/strong><\/code> directive niet en krijg je een HTTP 500 fout. Je kan de errorlogs van je server checken op problemen na het toevoegen van de code.<\/p>\n<pre><code class=\"language-apache\">&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\u00a0 \n\n  # Remove browser bugs (only needed for ancient 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;<\/code><\/pre>\n<p>Voeg de bovenstaande code pas toe na de reeds bestaande directives van je <strong>.htaccess<\/strong> bestand. Sla het bestand op en kijk of GZIP compressie nu werkt op je server.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Apache-htaccess-Configuration-File-gzip-Directives.png\" alt=\"Voorbeeld van een Apache .htaccess bestand na het inschakelen van GZIP compressie\" width=\"1100\" height=\"904\"><figcaption class=\"wp-caption-text\">Voorbeeld van een Apache .htaccess bestand na het inschakelen van GZIP compressie<\/figcaption><\/figure>\n<p>Je webserver zou nu gecomprimeerde bestanden voor alle bovenstaande bestandstypen moeten aanbieden. Je kan dit controleren via de eerder beschreven methoden.<\/p>\n<p>Wil je zeker weten dat proxy&#8217;s en beveiligingssoftware aan de kant van je bezoekers geen <a href=\"https:\/\/calendar.perfplanet.com\/2010\/pushing-beyond-gzipping\/\">problemen met GZIP compressie opleveren<\/a>, dan kan je bovenstaande code vervangen met het volgende stuk.<\/p>\n<pre><code class=\"language-apache\">&lt;IfModule mod_deflate.c&gt;\n  # force compression for clients that mangle 'Accept-Encoding' request headers\n  &lt;IfModule mod_setenvif.c&gt;\n  &lt;IfModule mod_headers.c&gt;\n    SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\\s*,?\\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding\n    RequestHeader append Accept-Encoding \"gzip,deflate\" env=HAVE_Accept-Encoding\n  &lt;\/IfModule&gt;\n  &lt;\/IfModule&gt;\n\n  # compress all output with one of the following file extensions\n  &lt;IfModule mod_filter.c&gt;\n    AddOutputFilterByType DEFLATE \"application\/atom+xml\" \\\n                                  \"application\/javascript\" \\\n                                  \"application\/json\" \\\n                                  \"application\/ld+json\" \\\n                                  \"application\/manifest+json\" \\\n                                  \"application\/rdf+xml\" \\\n                                  \"application\/rss+xml\" \\\n                                  \"application\/schema+json\" \\\n                                  \"application\/geo+json\" \\\n                                  \"application\/vnd.ms-fontobject\" \\\n                                  \"application\/wasm\" \\\n                                  \"application\/x-font-ttf\" \\\n                                  \"application\/x-javascript\" \\\n                                  \"application\/x-web-app-manifest+json\" \\\n                                  \"application\/xhtml+xml\" \\\n                                  \"application\/xml\" \\\n                                  \"font\/eot\" \\\n                                  \"font\/opentype\" \\\n                                  \"font\/otf\" \\\n                                  \"font\/ttf\" \\\n                                  \"image\/bmp\" \\\n                                  \"image\/svg+xml\" \\\n                                  \"image\/vnd.microsoft.icon\" \\\n                                  \"text\/cache-manifest\" \\\n                                  \"text\/calendar\" \\\n                                  \"text\/css\" \\\n                                  \"text\/html\" \\\n                                  \"text\/javascript\" \\\n                                  \"text\/plain\" \\\n                                  \"text\/markdown\" \\\n                                  \"text\/vcard\" \\\n                                  \"text\/vnd.rim.location.xloc\" \\\n                                  \"text\/vtt\" \\\n                                  \"text\/x-component\" \\\n                                  \"text\/x-cross-domain-policy\" \\\n                                  \"text\/xml\"\n  &lt;\/IfModule&gt;\n\n  # define and map media types to their appropriate encoding type\u00a0\u00a0\u00a0\u00a0\n  # Using SVG format (Scalable Vector Graphics) is highly recommended to\u00a0\u00a0\u00a0\u00a0\n  # load logos, icons, text, and simple images. You can compress .SVG files\n  # further using GZIP to create .SVGZ files. However, most browsers don\u2019t\n  # know that they need to decompress them first if they\u2019re not served\n  # without an appropriate \u2018content-encoding\u2019 HTTP response header. Thus,\n  # these images wouldn\u2019t show up in the browser. Hence, this module.\n\n  &lt;IfModule mod_mime.c&gt;\n    AddType image\/svg+xml svg svgz\n    AddEncoding gzip svgz\n  &lt;\/IfModule&gt;\n\n&lt;\/IfModule&gt;<\/code><\/pre>\n<p>Je kan meer leren over alle regels die we hier gebruiken door naar de <a href=\"https:\/\/github.com\/h5bp\/server-configs-apache\/blob\/main\/dist\/.htaccess#L808\">coderepository<\/a> te gaan en de daar gelinkt resources te bekijken.<\/p>\n<h3>3. Inschakelen GZIP op Nginx Web Server<\/h3>\n<p>Volgens Netcraft is <a href=\"https:\/\/news.netcraft.com\/archives\/2020\/08\/26\/august-2020-web-server-survey.html\">Nginx de meest gebruikte webserver door web-facing computers<\/a>. Als de huidige trend doorzet, zal het binnenkort zelfs Apache inhalen als meest gebruikte webserver. Ook <a href=\"https:\/\/kinsta.com\/nl\/blog\/nginx-vs-apache\/#nginx\">Kinsta gebruikt Nginx<\/a> voor de hostingoplossingen voor maximale prestaties.<\/p>\n<p>Je kan GZIP compressie inschakelen op je webserver door de directives te gebruiken zoals die in de <a href=\"https:\/\/nginx.org\/en\/docs\/http\/ngx_http_gzip_module.html\">ngx_http_gzip_module<\/a> staan.<\/p>\n<p>Om te beginnen, voeg je onderstaande directives toe aan je <strong>nginx.conf<\/strong> bestand. Dit bestand vind je over het algemeen in de map\u00a0 <code><strong>\/etc\/nginx\/nginx.conf<\/strong><\/code> van je server.<\/p>\n<pre><code class=\"language-nginx\"># enables GZIP compression\ngzip on; \n\n# compression level (1-9)\n# 6 is a good compromise between CPU usage and file size\ngzip_comp_level 6;\n\n# minimum file size limit in bytes to avoid negative compression outcomes\ngzip_min_length 256;\n\n# compress data for clients connecting via proxies\ngzip_proxied any;\n\n# directs proxies to cache both the regular and GZIP versions of an asset\ngzip_vary on;\n\n# disables GZIP compression for ancient browsers that don't support it\ngzip_disable \"msie6\";\n\n# compress outputs labeled with the following file extensions or MIME-types\n# text\/html MIME-type is enabled by default and need not be included\ngzip_types\napplication\/atom+xml\napplication\/geo+json\napplication\/javascript\napplication\/x-javascript\napplication\/json\napplication\/ld+json\napplication\/manifest+json\napplication\/rdf+xml\napplication\/rss+xml\napplication\/vnd.ms-fontobject\napplication\/wasm\napplication\/x-web-app-manifest+json\napplication\/xhtml+xml\napplication\/xml\nfont\/eot\nfont\/otf\nfont\/ttf\nimage\/bmp\nimage\/svg+xml\ntext\/cache-manifest\ntext\/calendar\ntext\/css\ntext\/javascript\ntext\/markdown\ntext\/plain\ntext\/xml\ntext\/vcard\ntext\/vnd.rim.location.xloc\ntext\/vtt\ntext\/x-component\ntext\/x-cross-domain-policy;<\/code><\/pre>\n<p>Gebruikt je website grote JS en CSS bestanden dan kan je de buffer vergroten die voor compressie gebruikt wordt door de volgende directive toe te voegen aan je <strong>nginx.conf<\/strong> bestand:<\/p>\n<pre><code class=\"language-nginx\"># sets the 'number' and 'size' of buffers for GZIP compression\n# default buffer size is 4K or 8K depending on the platform\ngzip_buffers 16 8k;<\/code><\/pre>\n<p>Vergeet niet Nginx opnieuw te laden na het opslaan van je <strong>nginx.conf<\/strong> bestand.<\/p>\n<pre><code class=\"language-nginx\">sudo service nginx reload<\/code><\/pre>\n<p>Als laatste moet je natuurlijk testen of GZIP compressie nu ingeschakeld is op je server. Je kan de Nginx documentatie naslaan op een volledige lijst met alle <code><strong>ngx_http_gzip_module<\/strong><\/code> directives.<\/p>\n<h3>4. Inschakelen GZIP op IIS Web Server<\/h3>\n<p>Internet Information Services (IIS) van Microsoft is momenteel de <a href=\"https:\/\/news.netcraft.com\/archives\/2020\/08\/26\/august-2020-web-server-survey.html\">derde server qua populariteit<\/a>. IIS wordt vooral gebruikt in zakelijke omgevingen die op Windows draaien, vooral voor bedrijfsspecifieke intranet- en extranet-servers.<\/p>\n<p>Het wordt <a href=\"https:\/\/blog.soupbowl.io\/2020\/01\/the-complete-guide-to-running-wordpress-on-windows\">zelden gebruikt om WordPress sites<\/a> te hosten vanwege allerlei compatibiliteitsproblemen.<\/p>\n<p>Mocht je toch in een uitzonderingspositie zitten waarbij je GZIP compressie moet inschakelen op IIS, dan kan je het beste beginnen met de <a href=\"https:\/\/learn.microsoft.com\/en-us\/previous-versions\/windows\/it-pro\/windows-server-2008-R2-and-2008\/cc771003(v=ws.10)\">documentatie van Microsoft<\/a>. Wellicht is dan ook <a href=\"https:\/\/stackoverflow.com\/questions\/25580078\/how-to-enable-gzip-compression-in-iis-7-5\">deze Stack Overflow discussie<\/a> een handig beginpunt.<\/p>\n<h2>Alternatieven voor GZIP compressie<\/h2>\n<p>Datacompressie staat nooit stil. Doordat de <a href=\"https:\/\/httparchive.org\/reports\/page-weight\">gemiddelde grootte van pagina&#8217;s<\/a> steeds blijft toenemen, probeert webtechnologie zoveel mogelijk bij te blijven om het verzenden van data zo effici\u00ebnt mogelijk te houden.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Page-Weight-Size-Increasing-HTTPArchive.png\" alt=\"Toename van paginagrootte (Bron:HTTPArchive)\" width=\"1100\" height=\"536\"><figcaption class=\"wp-caption-text\">Toename van paginagrootte (Bron:HTTPArchive)<\/figcaption><\/figure>\n<p>Een nieuw compressie-algoritme is de laatste jaren steeds populairder aan het worden: <a href=\"https:\/\/github.com\/google\/brotli\">Brotli<\/a>. De originele focus van Brotli lag bij het comprimeren van WOFF2 weblettertypen, maar ondersteunt tegenwoordig alle data.<\/p>\n<p>Brotli comprimeert data beter dan GZIP, maar vereist momenteel wel meer tijd en resources om dit uit te voeren. De tijd nodig voor decompressie is vergelijkbaar met GZIP, zij het ietsjes langzamer.<\/p>\n<figure style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/10\/Brotli-Encoding-Support-Across-Browsers.png\" alt=\"Ondersteuning van Brotli bij verschillende browsers.\" width=\"1100\" height=\"364\"><figcaption class=\"wp-caption-text\">Ondersteuning van Brotli bij verschillende browsers.<\/figcaption><\/figure>\n<p>De meeste <a href=\"https:\/\/caniuse.com\/?search=brotli\">browsers ondersteunen<\/a> Brotli, maar om het te gebruiken op een WordPress website ligt wat ingewikkelder. Je moet je site hosten bij een hostingprovider die Brotli zelf ondersteunt of je toestaat om de Brotli library te ondersteunen. De meeste managed WordPress hostingproviders ondersteunen het nog niet meteen, maar als een CDN als \u00a0<a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/200168396-What-will-Cloudflare-compress-\">Cloudflare<\/a>\u00a0of\u00a0<a href=\"https:\/\/www.keycdn.com\/blog\/keycdn-brotli-support\">KeyCDN<\/a> gebruikt kan je het eenvoudig inschakelen.<\/p>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Dankzij onze <a href=\"https:\/\/kinsta.com\/nl\/cloudflare-integratie\/\">Cloudflare integratie<\/a> hebben alle sites die bij Kinsta worden gehost, Brotli-compressie standaard ingeschakeld.<\/p>\n<\/aside>\n\n\n<h2>Samenvatting<\/h2>\n<p>Een goed geoptimaliseerd internet kent alleen maar winnaars. Gebruikers houden van snelle websites, beheerders houden van lagere kosten voor hosting, en webhosts houden van optimalisatie op hun servers. Compressietechnieken zoals GZIP zijn een effectieve manier om je laadtijden flink in te korten voor je bezoekers.<\/p>\n<p>WordPress sitebeheerders kunnen hun website direct sneller maken door GZIP compressie in te schakelen. Kinsta heeft het standaard ingeschakeld op alle servers, maar voor anderen biedt dit artikelen diverse manieren om GZIP compressie op verschillende soorten webservers in te schakelen.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/nl\/leren\/wordpress-sneller-maken\/\">Snelheid is essentieel<\/a> voor elke website. Comprimeren dus!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>De makkelijkste manier om je WordPress website sneller te maken is door alle overbodige resources te verwijderen. De \u00e9\u00e9n na makkelijkste manier om je website sneller &#8230;<\/p>\n","protected":false},"author":117,"featured_media":36037,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[372,373,316],"topic":[888,898],"class_list":["post-36033","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-apache","tag-http-compression","tag-nginx","topic-website-snelheid","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>Zo schakel je GZIP compressie in om WordPress websites sneller te maken<\/title>\n<meta name=\"description\" content=\"Leer hoe je GZIP-compressie inschakelt om je WordPress site te versnellen op verschillende webservers zoals Apache, Nginx en IIS.\" \/>\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\/gzip-compressie\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zo schakel je GZIP compressie in om WordPress websites sneller te maken\" \/>\n<meta property=\"og:description\" content=\"Leer hoe je GZIP-compressie inschakelt om je WordPress site te versnellen op verschillende webservers zoals Apache, Nginx en IIS.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/\" \/>\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:published_time\" content=\"2020-11-05T07:07:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-09T07:34:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Salman Ravoof\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Leer hoe je GZIP-compressie inschakelt om je WordPress site te versnellen op verschillende webservers zoals Apache, Nginx en IIS.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@salmanravoof\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Salman Ravoof\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"28 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/\"},\"author\":{\"name\":\"Salman Ravoof\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987\"},\"headline\":\"Zo schakel je GZIP compressie in om WordPress websites sneller te maken\",\"datePublished\":\"2020-11-05T07:07:09+00:00\",\"dateModified\":\"2023-08-09T07:34:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/\"},\"wordCount\":4489,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg\",\"keywords\":[\"apache\",\"HTTP Compression\",\"nginx\"],\"articleSection\":[\"WordPress handleidingen\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/\",\"name\":\"Zo schakel je GZIP compressie in om WordPress websites sneller te maken\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg\",\"datePublished\":\"2020-11-05T07:07:09+00:00\",\"dateModified\":\"2023-08-09T07:34:45+00:00\",\"description\":\"Leer hoe je GZIP-compressie inschakelt om je WordPress site te versnellen op verschillende webservers zoals Apache, Nginx en IIS.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg\",\"width\":1024,\"height\":512,\"caption\":\"schakel je GZIP compressie\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#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\":\"Zo schakel je GZIP compressie in om WordPress websites sneller te maken\"}]},{\"@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\/9cafd2eedd617e640eeea4cf3a5fd987\",\"name\":\"Salman Ravoof\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g\",\"caption\":\"Salman Ravoof\"},\"description\":\"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.\",\"sameAs\":[\"https:\/\/salmanravoof.com\",\"https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/\",\"https:\/\/x.com\/salmanravoof\"],\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/salmanravoof\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zo schakel je GZIP compressie in om WordPress websites sneller te maken","description":"Leer hoe je GZIP-compressie inschakelt om je WordPress site te versnellen op verschillende webservers zoals Apache, Nginx en IIS.","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\/gzip-compressie\/","og_locale":"nl_NL","og_type":"article","og_title":"Zo schakel je GZIP compressie in om WordPress websites sneller te maken","og_description":"Leer hoe je GZIP-compressie inschakelt om je WordPress site te versnellen op verschillende webservers zoals Apache, Nginx en IIS.","og_url":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2020-11-05T07:07:09+00:00","article_modified_time":"2023-08-09T07:34:45+00:00","og_image":[{"width":1024,"height":512,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg","type":"image\/jpeg"}],"author":"Salman Ravoof","twitter_card":"summary_large_image","twitter_description":"Leer hoe je GZIP-compressie inschakelt om je WordPress site te versnellen op verschillende webservers zoals Apache, Nginx en IIS.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg","twitter_creator":"@salmanravoof","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Salman Ravoof","Geschatte leestijd":"28 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/"},"author":{"name":"Salman Ravoof","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/9cafd2eedd617e640eeea4cf3a5fd987"},"headline":"Zo schakel je GZIP compressie in om WordPress websites sneller te maken","datePublished":"2020-11-05T07:07:09+00:00","dateModified":"2023-08-09T07:34:45+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/"},"wordCount":4489,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg","keywords":["apache","HTTP Compression","nginx"],"articleSection":["WordPress handleidingen"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/","url":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/","name":"Zo schakel je GZIP compressie in om WordPress websites sneller te maken","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg","datePublished":"2020-11-05T07:07:09+00:00","dateModified":"2023-08-09T07:34:45+00:00","description":"Leer hoe je GZIP-compressie inschakelt om je WordPress site te versnellen op verschillende webservers zoals Apache, Nginx en IIS.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2020\/11\/schakel-gzip-compressie.jpg","width":1024,"height":512,"caption":"schakel je GZIP compressie"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/gzip-compressie\/#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":"Zo schakel je GZIP compressie in om WordPress websites sneller te maken"}]},{"@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\/9cafd2eedd617e640eeea4cf3a5fd987","name":"Salman Ravoof","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0c5885f75cb78473fb7408e5e49ad190?s=96&d=mm&r=g","caption":"Salman Ravoof"},"description":"Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.","sameAs":["https:\/\/salmanravoof.com","https:\/\/www.linkedin.com\/in\/salman-ravoof-5a749133\/","https:\/\/x.com\/salmanravoof"],"url":"https:\/\/kinsta.com\/nl\/blog\/author\/salmanravoof\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/36033","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\/117"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=36033"}],"version-history":[{"count":15,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/36033\/revisions"}],"predecessor-version":[{"id":54805,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/36033\/revisions\/54805"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/36033\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/36033\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/36033\/translations\/es"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/36033\/translations\/pt"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/36033\/translations\/it"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/36033\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/36033\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/36033\/translations\/se"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/36033\/translations\/jp"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/36033\/translations\/dk"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/36033\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/36037"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=36033"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=36033"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=36033"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}