Hoe gzip-compressie inschakelen via `.htaccess`?

Het inschakelen van gzip-compressie via het `.htaccess`-bestand is een effectieve manier om de laadtijden van je website te verbeteren en bandbreedte te besparen. Door gebruik te maken van gzip-compressie worden bestanden zoals HTML, CSS en JavaScript gecomprimeerd, waardoor ze sneller naar de browser van de gebruiker kunnen worden verzonden. Hieronder beschrijf ik stap voor stap hoe je dit kunt doen, met enkele voorbeelden en bronnen die je daarbij kunnen helpen.

Stap 1: Open het `.htaccess`-bestand

Het `.htaccess`-bestand is een configuratiebestand dat door Apache-webservers wordt gebruikt voor het uitvoeren van specifieke instellingen voor een directory. Je kunt dit bestand vinden in de hoofdmap van je website, of aanmaken als het nog niet bestaat. Gebruik een teksteditor zoals Notepad++ of Sublime Text om het bestand te openen of aan te maken.

Stap 2: Voeg gzip-compressie regels toe

Om gzip-compressie in te schakelen, moet je enkele regels code toevoegen aan je `.htaccess`-bestand. Deze regels vertellen de server om specifieke bestandstypen te comprimeren voordat ze worden verzonden naar de client (de webbrowser).

Hier zijn de regels die je kunt toevoegen:

```
# Verstelbare compressie AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css AddOutputFilterByType DEFLATE application/javascript application/x-javascript AddOutputFilterByType DEFLATE text/javascript application/json AddOutputFilterByType DEFLATE application/xml application/xhtml+xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/font-woff application/font-woff2 AddOutputFilterByType DEFLATE image/svg+xml

# Zorgt voor compatibiliteit met oude browsers BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0⁶⁷⁸ no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent ```

Stap 3: Sla het `.htaccess`-bestand op en upload het

Nadat je de bovenstaande regels hebt toegevoegd, sla je het `.htaccess`-bestand op. Vervolgens upload je het naar de hoofdmap van je website als het daar nog niet staat. Zorg ervoor dat het bestand echt de naam `.htaccess` heeft, zonder enige extensie.

Stap 4: Test de gzip-compressie

Je kunt controleren of gzip-compressie correct is ingeschakeld door een tool zoals [GIDZipTest](http://www.gidnetwork.com/tools/gzip-test.php) of [Check GZIP Compression](https://www.giftofspeed.com/gzip-test/) te gebruiken. Voer de URL van je website in en de tool zal controleren of de compressie is toegepast.

Voorbeelden van gzip-compressie

1. HTML-bestanden: Een typische HTML-bestand van 100 KB kan worden gecomprimeerd tot ongeveer 25-30 KB, wat een besparing van ongeveer 70-75% oplevert.

1. CSS-bestanden: Grote stylesheet-bestanden kunnen vaak tot 80% worden gecomprimeerd.

1. JavaScript-bestanden: JavaScript-bestanden kunnen tot 60-80% worden verkleind.

Bronnen

1. [Apache mod_deflate module](https://httpd.apache.org/docs/2.4/mod/mod_deflate.html) – Dit is de officiële documentatiepagina voor de mod\_deflate module van Apache, de module die verantwoordelijk is voor gzip-compressie.
2. [GIDNetwork Gzip Test](http://www.gidnetwork.com/tools/gzip-test.php) – Een online tool om te testen of gzip-compressie correct is ingeschakeld.
3. [Gift of Speed GZIP test](https://www.giftofspeed.com/gzip-test/) – Nog een eenvoudige online tool om gzip-compressie te controleren.

Door deze stappen te volgen en gebruik te maken van de genoemde bronnen, kun je gzip-compressie eenvoudig inschakelen en de prestaties van je website verbeteren.