Ben je lekker bezig met het optimaliseren van je webpagina, krijg je de melding “Enable GZIP compression”. Wat betekent dit en wat doe je eraan?
GZIP compression is een methode om bestanden op de server te bundelen en als het ware samen te drukken, alvorens deze over het internet te versturen naar de browser van de gebruiker. Dit kan al snel 50% schelen in bandbreedte gebruik, waardoor je website een stuk sneller geserveerd zal worden. Het is een vergelijkbaar proces als ZIP. De meeste gebruikers kennen dit waarschijnlijk wel van het versturen van grote bestanden, waarbij de ontvanger het bestand moet UNZIPPEN. GZIP werkt op een vergelijkbare manier, alleen doet de browser het unzippen automatisch voor je.
GZIP activeren
GZIP dient actief te zijn op de webserver, voordat je dit kunt gebruiken. Dit kun je eenvoudig aan je webhoster vragen. Helaas bieden veel low budget hosting providers dit niet standaard aan, of hebben dit zelfs helemaal onmogelijk gemaakt. Vergeet bij het optimaliseren van je website dan ook niet naar je hosting te kijken. Hiervoor geldt vaak, goedkoop is duurkoop.
Je kunt eenvoudig testen of GZIP actief is voor je eigen website door middel van deze tool: https://checkgzipcompression.com/
Wanneer je hebt geconstateerd dat GZIP nog niet actief is op je website, maar je webhosting provider deze mogelijkheid wel ondersteunt, dan kun je GZIP eenvoudig activeren door een aantal regels op te nemen in je htaccess file.
LET OP! Aanpassingen doen in de htaccess file is voor gevorderden gebruikers. Bij fouten loop je het risico de website onbereikbaar te maken. Zorg dus dat je weet wat je doet, of schakel een professional in.
GZIP compression voorbeeld
Hieronder een voorbeeld dat je kunt toevoegen aan je htaccess file.
Let op, dit is slechts een voorbeeld. Win advies in bij je webhoster, of een professioneel webdesign bureau, voordat je zomaar wijziging doet aan je htaccess file!
# 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
Zelf bezig met optimalisatie? Gebruik dan deze tools: GTmetrix, Pingdom Tools, of Google PageSpeed,
