Waarom je GZIP compressie moet gebruiken
Joep Franssen
Oprichter & Webdesigner
Een makkelijke manier om de laadsnelheid van je website te verbeteren is door gebruik te maken van compressie. Door je websitebestanden te comprimeren kun je de bestanden tot wel 90 procent comprimeren, waardoor je website veel sneller geladen wordt.
GZIP-compressie
Kort door de bocht kun je met GZIP-compressie de bestanden van je website door de server gecomprimeerd naar de browser laten sturen. Hierdoor kan een bestand van 100kb gecomprimeerd worden naar slechts 10kb. Dit is een groot verschil en daarom erg van belang om je bezoekers tevreden te stellen. Immers, iedereen wil dat een website snel laadt.
Hoe werkt het?
Maak voordat je wijzigingen aanbrengt aan bestanden altijd een back-up van je website. Er kunnen dingen fout gaan. Een back-up is daarom cruciaal.
Vind je .htaccess bestand. Deze staat normaal gesproken in de hoofdmap van je website (bijvoorbeeld: /webnexus.nl/public_html). In deze map staat als goed is een bestand genaamd .htaccess. Wanneer dit nog niet het geval is, kun je dit bestand aanmaken. Als je WordPress gebruikt staat er in .htaccess als het goed is ook al dit:
# BEGIN WordPress
RewriteEngine On
RewriteBase /
RewriteRule ^index.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
# END WordPress
Voeg om GZIP-compressie aan te zetten het volgende toe. Dit kan boven of onder wat er al staat:
# Compress HTML, CSS, JavaScript, Text, XML and fonts
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml# Remove browser bugs (only needed for really old browsers)
BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
Header append Vary User-Agent
Meestal is dit genoeg om GZIP-compressie goed in te stellen. Bij sommige hostingproviders moet het soms via het controlepaneel van je website ingesteld worden. Dit kun je altijd aan je hostingpartij vragen. Om te checken of de GZIP-compressie goed ingesteld staat, kun je naar https://checkgzipcompression.com/ gaan. Mocht het niet gelukt zijn, overleg dan met je hostingprovider over een oplossing.
Plugins
Er zijn ook een aantal plugins die GZIP-compressie voor je kunnen regelen. Denk bijvoorbeeld aan WP Fastest Cache of W3 Total Cache.
Joep Franssen
Het Influencer BureauOprichter & Webdesigner
Joep is de oprichter van WebNexus en gespecialiseerd in webdesign en online marketing.
