GZIP Compressie Gebruiken | WebNexus Groningen - WebNexus Blog

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.

Waarom je GZIP compressie moet gebruiken

Joep Franssen

Gerelateerde artikelen

Hoe kun je zelf je website beter 'leren' aanpassen?

Wat is een recaptcha en waarvoor gebruik je het?

Wat is een Google penalty en hoe herstel je ervan?

Vond je dit artikel nuttig?