WHELP! geeft advies over ontwerp, bouw en zoekmachine optimalisatie van je website. Ben je hier voor de eerste keer? Start dan bij het 4-stappenplan voor een eigen website.

10 tips website om je website sneller te maken

De laadtijd van je website is een belangrijke factor in het aantal bezoekers dat je trekt. De snelheid van een pagina kan van heel wat factoren afhangen: de server zelf, de fysieke afstand naar de server, het CMS dat je gebruikt, of je wel of niet pagina's cachet, de zwaarte van de pagina, afhankelijkheid van externe websites. Hoe sneller hoe beter. Een paar richtlijnen om je pagina's sneller te krijgen:

1) Gebruik een server in Nederland
Hoe dichter bij huis, des te sneller de data van A naar B gaat.

2) Neem niet de goedkoopste hostingpartij
Goedkope hostingpartijen moeten hun winsten wel uit volume halen. Dus kom je terecht op servers met veel andere klanten (soms te veel). Dit legt extra beslag op de rekenkracht van de server en maakt de kans op trage pagina's groter.

3) Gebruik pagina caching op je server
Dit houdt in dat een pagina 1x op je server gegenereerd wordt en daarna uit de cache van het CMS wordt gehaald. In Joomla en WordPress kan je dit instellen. Je pagina hoeft dan niet meer iedere keer opnieuw opgebouwd te worden, wat tijd kan schelen. Ik gebruik dit zelf niet omdat ik de inhoud van de pagina mede laat afhangen van de pagina waar bezoekers vandaan komen. Dit kan iedere keer anders zijn.

4) Maak je HTML code zo klein mogelijk
Haal overbodige elementen weg. Bijvoorbeeld commentaar, regeleinden en en witruimtes. Alles bij elkaar kunnen die voor heel wat extra data zorgen. Als je de broncode van mijn site bekijkt zul je zien dat ik dit – waar mogelijk – toepas. Kijk hiervoor ook eens bij Google.

5) Verklein je afbeeldingen
Ook al hebben steeds meer mensen breedband, hoe kleiner je afbeeldingen zijn des te sneller je pagina's inladen. Comprimeer je gifs en jpegs.

6) Comprimeer je javascripts en stylesheets
Wat geldt voor je HTML pagina's kan je ook toepassen op je CSS en javascript. Als je mijn stylesheets bekijkt zul je zien dat ik die gecomprimeerd heb.

7) Roep je javascripts en stylesheets aan als een include
Maak van je javascripts en stylesheets .js en .css bestanden die je insluit (en dus niet print in je basispagina). Hiermee verklein je de basispagina en kan de browser de ingesloten bestanden bij de volgende pagina uit de cache van de browser halen. Dit gaat overigens weer niet op als je heel weinig CSS of javascript gebruikt.

8) Verzamel zoveel mogelijk in 1 bestand
Verzamel alle CSS in 1 bestand en alle je Javascript ook zoveel mogelijk. Hoe minder bestanden je insluit, des te sneller je pagina laadt.

9) Vermijd database als ze niet nodig zijn
Als je een pagina zonder database kunt opbouwen, doe dit dan. Elke verbinding met je database kost extra tijd.

10) Gebruik programmeertalen alleen als ze echt nodig zijn
Dit geldt ook voor programmeertalen: je hebt ze niet altijd nodig. Als je het met pure HTML afkunt is dit altijd sneller, omdat je je server geen extra berekeningen hoeft uit te laten voeren.

Tot slot: test!
Probeer eens wat dingen uit en test dan hoe snel je pagina's zijn. Hoe je dat kunt doen lees je in een volgend artikel.

Stem / Bookmark [?]Plaatsen/stemmen op NUjijPlaatsen/stemmen op eKudosPlaatsen/stemmen op MSN ReporterPlaatsen/stemmen op DiggVoeg dit artikel toe aan Del.icio.usVoeg toe aan je favorieten op TechnoratiVoeg toe aan je Google bladwijzers

  1. Peter
    27.06.07 - 15:42
    1

    Goed stuk, alleen punt 1 is niet helmaal correct. Tegen woordig is een server uit het buitland net zo snel.


  2. Theo Bakker
    28.06.07 - 7:49
    2

    Hoi Peter,

    Ik heb naar aanleiding van je reactie een paar tests uitgevoerd en kom toch echt tot een andere conclusie.
    Voor de Nederlandse markt is Nederlandse hosting sneller dan buitenlandse hosting.

    Groet, Theo


  3. De laadtijd van je website testen met Firebug
    26.08.07 - 19:15
    3

    [...] De snelheid optimaliseren Nu je deze informatie hebt, kan je zien welk element naar verhouding veel tijd vraagt. Bekijk hoe je dit element zou kunnen verbeteren. Denk hierbij aan verkleining van elementen (door compressie van afbeeldingen, een beter afbeeldingsformaat [bijv. jpg ipv gif voor kleurenfoto's] en compressie van bestanden) of het weglaten van elementen. Heb je op elke pagina echt ieder onderdeel nodig? Zo nee, bekijk dan of je per pagina beter kunt bepalen wat je echt moet inladen. Zie ook mijn 10 tips om je website sneller te maken. [...]


  4. De snelheid van je site verbeteren met YSlow (1)
    04.03.09 - 9:01
    4

    [...] een stuk trager dan voorheen. Dit is niet alleen nadelig voor je bezoekers, maar ook voor je ranking! Met de installatie van WP-Supercache heb ik dit weten te verbeteren. Deze plugin zorgt ervoor dat [...]


  5. Bart
    28.11.09 - 1:06
    5

    Hoi,

    Is er ook een tooltje ergens te krijgen waarmee je heel je broncode even snel op 1 regel kunt plaatsen ?

Jouw reactie

Spelregels voor commentaar

XHTML: Je kunt de volgende HTML code gebruiken: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

Domeinnaam vrij?

  • Test via Byte op .nl, .eu, .be, .com, .net, .org, .biz, .info, .de, .co.uk, .tv, .nu, .cn en .name