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 <IfModule mod_rewrite.c> RewriteEngine On RewriteBase / RewriteRule ^index.php$ - [L] RewriteCond %{REQUEST_FILENAME} !-f RewriteCond %{REQUEST_FILENAME} !-d RewriteRule . /index.php [L] </IfModule> # END WordPress
Voeg om GZIP-compressie aan te zetten het volgende toe. Dit kan boven of onder wat er al staat:
<IfModule mod_deflate.c> # 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 </IfModule>
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.
