Website snelheid

Er zijn legio manieren om een website sneller te maken. Sommigen zijn erg ingrijpend, sommigen kosten veel tijd en anderen zijn snel en gemakkelijk te implementeren. Grofweg zijn er 2 plekken waar optimalisatie mogelijk is.

1. De snelheid van de webserver
Veel webservers staan lang niet optimaal ingesteld. Enkele tweaks kunnen winst van meer dan 300% behalen.

1. Heb instellen van gzip. Gzip is een serverinstelling waarbij pagina's gezipped worden verstuurd waardoor er minder data over een internet verbinding wordt gestuurd.
2. Het instellen van browser caching. Een webserver kan onderscheid maken tussen veranderlijke content zoals tekst en statische content zoals plaatjes en javascript. Veranderlijke content mag niet op de browser worden opgeslagen maar plaatjes ed kunnen prima opgeslagen worden. Dit scheelt soms meer dan 95% van de verzoeken naar een webserver waardoor een pagina vele malen sneller laadt !
3. Het instellen van caching software als Memcache en APC. Door slim gebruik te maken van plugins die de meest gebruikte taken in het geheugen opslaan hoeft dit niet iedere keer van de harddisk gehaald te worden en hoeft er ook niet/minder gerekend te worden aan dynamische pagina zoals php pagina's.
4. Het verhuizen van een trage server naar een snelle server. De meeste shared hosting paketten staan slecht ingesteld en door overplaatsing op de server is de response traag op drukke tijden. Het verhuizen van de website naar een snelle (VPS of Dedicated) server kan een wereld van verschil maken.

2. De snelheid van de pagina
De snelheid van een pagina wordt bepaald door hoe snel een browser een pagina op kan bouwen. Sommige elementen op een website kunnen het opbouwen van een pagina vertragen.

1. Combineer stylesheets en javascripts. Ieder javascript wordt wordt aangeroepen wordt achter elkaar opgevraagd. Als er meedere javascripts op de pagina staan moeten deze dus op elkaar wachten en wordt de pagina niet opgebouwd. Het kan helpen om javascripts te combineren en aan de onderkant van de pagina te plaatsen.
2. Gebruik geen ingewikkelde css. Houd de stylesheets simpel zodat een browser de style regels snel kan toepassen op een pagina.
3. Vermijd het gebruik van ingewikkelde javascripts. Veel javascripts kunnen een pagina nodeloos vertragen. Javascript kan zorgen voor een betere ervaring op een website maar kan er ook voor zorgen dat een website nodeloos traag wordt.
4. Comprimeer plaatjes. Plaatjes kunnen veel bandbreedte innemen. Zorg er voor dat veelgebruikte plaatjes in het juiste formaat staan met de juiste compressie.
5. Maak geen fouten in de html. Als een browser fouten ind e html tegenkomt probeert deze een oplossing te zoeken hiervoor om toch correct de pagina te laten zien. Dit kost relatief veel tijd
6. Gebruik de "height" en "width" tag bij plaatjes. Als een browser weet hoe breed en hoog een plaatje is kan de browser doorgaan met het opbouwen van de pagina terwijl het plaatje laadt. Als een browser dat niet weet moet het eerst het plaatje laden en analyseren voordat het door kan gaan.
7. Zet geen onnodige cookies. Cookies worden met ieder verzoek naar een website verzonden. Dit kost soms onnodig veel tijd en bandbreedte.
8. Als je een drukke website hebt zet dan de plaatjes op een ander (sub)domein waar geen cookies worden gezet !