Een snelle website is tegenwoordig belangrijker dan je zou denken. Het is belangrijk op een aantal punten. In dit artikel vind je 5 tips om je website sneller te maken.

Op de eerste plaats is het voor de gebruikersbeleving van groot belang dat een website snel is, op het moment dat gebruikers lang moeten wachten voordat pagina’s getoond worden zal de beleving voor die gebruikers een stuk minder goed worden.

Op de 2de plaats is het nu ook van groot belang voor de vindbaarheid van je website in google. De google ranking van je website wordt nu namelijk mede bepaald door de snelheid van je website, is je website traag dan heeft dit negatieve gevolgen en is je website snel dan heeft dit positieve gevolgen. Ik kan op dit moment echter niet zeggen hoe groot de impact hiervan is in de resultaten.

Op de 3de plaats geldt over het algemeen de volgende regel: Hoe sneller de website dest te minder data wordt er verstuurd van de server naar de client. En minder data betekent natuurlijk ook minder kosten voor het dataverkeer.

Omdat de snelheid steeds belangrijker gaat worden geef ik je hieronder 5 tips over hoe je de snelheid van je website kunt verbeteren.

---

1 Http compressie
Het is mogelijk om op de server http compressie (gzip) aan te zetten. Het nu thiervan is dat de server elke request gaat comprimeren en vervolgens ook gecomprimeerd opstuurt naar de client. Hierdoor wordt

het aantal kilobytes dat verstuurd moet worden naar de bezoeker significant kleiner. De bestandsgrootte kan zelfs met 50% afnemen.

Instellen in IIS7 (windows server 2008)
In IIS7 kun je op het hoofdscherm kiezen voor de optie “Compressie” Je kunt hier uit 2 opties kiezen “Dynamische compressie” en “statische compressie” Ik raad je aan om deze beide aan te zetten.

Instellen op een apache server
Ik weet zelf niet precies hoe dit in zijn werk gaat op een apache webserver. Echter heb ik een engelstalig artikel gevonden dat precies uitlegt hoe je HTTP Compressie in kunt stellen op een apache webserver.
Je kunt het artikel hier vinden: Gzip instellen in apache

---

2. Gebruik zo weinig mogelijk bestands includes
Veel websites tegenwoordig maken gebruik van javascript libraries en veel css bestanden. De truc is om deze bestanden op de juiste manier te includen en te maken zodat ze het snelste gedownload kunnen worden door de bezoeker. Hiervoor zijn een aantal punten waar je naar kunt kijken.

Zorg er altijd voor dat includes van css bestanden boven javascript includes staan in je pagina. Het is namelijk zo dat wanneer de browser een javascript bestand download, de rest blokkeerd totdat het javascript bestand geladen is. Als je dus eerst de css bestanden inlaad hebben die daar alvast geen last van en ziet de bezoeker sneller de opbouw van je website.

Als 2de moet je ervoor zorgen dat je zoveel mogelijk bij elkaar in 1 bestand plaatst. Dus zoveel mogelijk alle javascript in 1 bestand zetten en zoveel mogelijk alle css bij elkaar plaatsen.

Als 3de kun je bij javascript bestanden de optie defer=”true” Dit wil zeggen dat de browser wacht met het uitvoeren van dit bestand tot de rest geladen is. Je moet er dus wel rekening mee houden dat de javascript niets te maken heeft met het renderen van elementen op de pagina. Maar als je dit goed in de gaten houdt en je het dan gebruikt zul je zien dat dit enorme tijdwinst kan opleveren.

---

3. Bestanden inladen vanaf een externe server

Op het moment dat je gebruik maakt van bijvoorbeeld de bekende javascript libraries of andere bekende scripts dan kan het zijn dat er centrale plaatsen op het internet zijn waar deze bestanden gehost worden. Een goed voorbeeld hiervan is google. Google host namelijk bijna alle bekende javascript libraries. Je kunt deze vinden op Google ajax libraries

Nu zul je zeggen waarom zou ik dat daarvandaan laden als ik het ook vanaf mijn eigen website kan inladen. Nou ik zal je vertellen waarom. Ten eerste is de kans groot dat de server van google net een tikje sneller zijn als de server(s) waar je website op gehost wordt. Er wordt dus tijdwinst geboekt bij het inladen van het bestand. Ten tweede kost het inladen van het bestand je geen dataverkeer en ten derde en zeker niet het onbelangrijkste is dat hoe meer websites dit gaan gebruiken, hoe groter de kans is dat de bezoeker van je website al op een site geweest is waar ook dat script vanaf google gehost werd en in dat geval zit de hele library dus al in de cache van de bezoeker. Dit scheelt enorm veel laadtijd.

---

4 Bestanden Minifien
Je ziet tegenwoordig veel dat websites javascript bestanden gebruiken die onleesbaar zijn doordat er geen spaties in zitten en er hele korte variabelen namen gebruikt worden. Dit zijn zogenaamde Minified javascript bestanden. Het voordeel van deze bestanden is dat het weer een aantal kilobytes scheelt die naar de bezoeker gestuurd worden. Bij grote bestanden kan de bestandsgrootte met zo’n 50% verminderd worden. Op het internet zijn vele minify generators te vinden maar ikzelf gebruik deze: YUI compressor Het voordeel van deze is dat je er ook css bestanden mee kan minifien. Dat scheelt natuurlijk ook weer laadtijd.

---

5 Image sprites
Als je veel icoontjes of images op je website hebt staan die altijd hetzelfde blijven kun je ervoor kiezen om hier een image sprite van te maken. Een image sprite is niets anders als 1 afbeelding waarin je al die icoontjes en vaste images inzet. Vervolgens kun je op de website met css zeggen welke positie van de image sprite getoond moet worden op welke plaats. Een simpel voorbeeld hiervan kun je vinden in mijn artikel Het preloaden van images in css.

Het voordeel van image sprites is dat de bezoeker maar 1x een connectie met de server hoeft te leggen om alle icoontjes te downloaden. Dat betekent dus minder wachttijd en dus het sneller laden van je website.

---

Dit waren mijn 5 tips om je website sneller te krijgen. Ik hoop dat je er iets aan hebt en dat je de resultaten gaat zien / merken.

Mijn ervaring is dat je met onder andere deze tips bestaande websites to wel 80% sneller kunt krijgen waardoor de bezoekers een veel positievere beleving van je website ervaren.

Wat ik zelf nog niet ervaren heb maar wat er ongetwijfeld wel aan zit te komen nu google bekend heeft gemaakt dat het rekening houdt met de snelheid van websites is dat de google rankings van je website hierdoor ook zullen verbeteren.