Laadt uw website snel genoeg?

Een website dient snel ingeladen te worden, de gemiddelde internetgebruiker verwacht dat een website binnen 3 seconden ingeladen wordt. Tevens wordt een sneller website ook door Google gewaardeerd, het is één van de indexeringsfactoren die bepalen op welke positie een website wordt ingeladen. Het belangrijkste onderdeel van een website is de tekst die weergegeven wordt, om deze tekst in een mooie opmaak weer te geven zijn CSS bestanden noodzakelijk.

Daarnaast wordt op een website gebruik gemaakt van Javascript, deze bestanden zorgen ervoor dat een website interactief gemaakt wordt. Zo wordt Javascript doorgaans ingezet om een invulformulier automatisch te laten aanvullen wanneer je begint met typen.

CSS en Javascript
Zowel de Javascript als de CSS bestanden dienen ingeladen te worden voordat een webpagina zichtbaar wordt. Het moge duidelijk zijn dat dit ten koste gaat van een snelle website, indien dergelijke bestanden in grote hoeveelheden op de server staan geladen. Gelukkig biedt Gzip de oplossing hiervoor, Gzip zorgt er namelijk voor dat zowel CSS bestanden als Javascriptbestanden gecomprimeerd worden. Een gecomprimeerd bestand is een stuk compacter dan een normaal bestand en zal hierdoor sneller inladen, met als resultaat dat een webpagina sneller ingeladen wordt.

Hoe werkt het comprimeren van CSS en Javascriptbestanden
Het comprimeren van CSS en Javascriptbestanden is relatief eenvoudig, echter is er wel wat technische kennis voor nodig. Iedere website heeft een tekstbestand genaamd .htaccess door dit bestand wordt het mogelijk om sommige serverinstellingen te wijzigen of te omzeilen. Zo kunnen bijvoorbeeld automatische doorverwijzingen worden ingesteld via het .htaccess bestand, maar ook kan worden aangegeven welke bestanden er gecomprimeerd moeten worden voordat deze naar een browser worden gestuurd. Om Gzip te activeren via het .htaccess bestand dient de volgende code toegevoegd te worden.

<IfModule mod_deflate.c>

  # Insert output filter by type

  AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript

  AddOutputFilterByType DEFLATE application/xml application/xhtml+xml application/rss+xml

  AddOutputFilterByType DEFLATE application/javascript application/x-javascript

  AddOutputFilterByType DEFLATE application/x-httpd-php

  AddOutputFilterByType DEFLATE application/cgi-php5

  AddOutputFilterByType DEFLATE application/cgi-php53

  AddOutputFilterByType DEFLATE application/cgi-php54

  # Don't compress images, compressed files, docs nor movies

  SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary

  SetEnvIfNoCase Request_URI \.(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary

  SetEnvIfNoCase Request_URI \.(?:pdf|doc)$ no-gzip dont-vary

  SetEnvIfNoCase Request_URI \.(?:avi|mov|mp3|mp4|rm)$ no-gzip dont-vary

</IfModule>