Geef toe: hoe lang blijf jij kijken naar zo’n draaiend cirkeltje voor je wegklikt? Twee seconden? Drie? Met het stappenplan in dit artikel kan je zelf de snelheid van je website verbeteren zodat je geen klanten verliest door trage laadtijden.
Is websitesnelheid nog wel belangrijk?
Websitesnelheid is relevanter dan ooit. Niemand wacht graag, en ons geduld lijkt er alleen maar korter op te worden. Als je website niet snel genoeg is, gaan bezoekers vaker weg zonder te kopen. Ook Google heeft liever snelle websites. Pagina’s die snel laden komen hierdoor vaak hoger in de zoekresultaten. Dus, kort gezegd: ja, de snelheid van je website telt: hij heeft zelfs een rechtstreeks effect op je omzet.
Jouw eerste indruk klopt niet
Veel mensen denken dat ze de snelheid van hun website kunnen testen door de site zelf te openen. Dat klopt niet. Jouw ervaring geeft geen betrouwbaar beeld. Je computer of smartphone ként je website namelijk al. De pagina’s zitten meestal nog opgeslagen in het geheugen van de browser. Je website lijkt bij jou sneller dan bij een nieuwe bezoeker. Jij wandelt toch ook vlotter naar een plek waar je al eens bent geweest?
Hoe meet ik de laadsnelheid van mijn website?
Om de snelheid van je website objectief te testen, gebruik je dus best onafhankelijke tools. Die gedragen zich als iemand die de webpagina voor het eerst bezoekt. Gelukkig hoef je daar geen expert voor te zijn. Er zijn eenvoudige, gratis tools die in enkele seconden tonen hoe snel je website laadt. Ontwikkelaars gebruiken meestal Lighthouse en voor een kmo is de meest gerespecteerde bron PageSpeed Insights van Google.
Aan de slag met PageSpeed Insights
Op PageSpeed Insights geef je de URL van je website in. Daarna krijg je verschillende scores: performance, accessibility, best practices en SEO. De snelheid valt onder performance. Een groene score is goed, oranje kan beter en rood is traag. Als je naar beneden scrolt, krijg je nog meer uitleg over wat er fout loopt. Zo kan je de problemen oplossen en stapsgewijs de snelheid van je website verbeteren.
Wegwijs in de afkortingen
De uitleg van PageSpeed Insights is helaas niet altijd even begrijpelijk. Ik maak je graag wegwijs in de afkortingen.
- FCP (First Contentful Paint): hoe lang het duurt voor er iets verschijnt op de website.
- LCP (Largest Contentful Paint): hoe lang het duurt vooraleer het belangrijkste stuk van je pagina zichtbaar is. Meestal is dat de grote foto of titel bovenaan.
- TBT (Total Blocking Time): hoe lang je website ‘vastzit’ tijdens het laden: je kan de pagina al zien, maar nog niet klikken, scrollen of iets invullen.
- CLS (Cumulative Layout Shift): of de pagina verspringt tijdens het laden, want dat is vervelend voor de gebruiker die al ergens wil klikken.
- Speed Index: hoe lang het duurt voordat het volledige scherm geladen is.
Opgelet: check ook de mobiele versie
De meeste websites openen trager op een telefoon dan op een computer. Dat is onder andere omdat een smartphone minder krachtig is dan een computer en omdat je afhankelijk bent van een mobiel netwerk. Je website smartphonevriendelijk maken is dus een taak op zich. PageSpeed Insights test allebei. De resultaten verschijnen in twee tabs: mobiel en desktop. Vergeet niet naar beide resultaten te kijken!
Zelf de snelheid van je website verbeteren
Nu komen we aan het leuke stukje: de snelheid van je website verbeteren. Laten we beginnen met de dingen die je waarschijnlijk zelf kan doen:
- Verklein de afbeeldingen
De meeste trage websites hebben afbeeldingen die te groot zijn qua bestand. Hierdoor duurt het langer om ze te laden. Maak afbeeldingen dus kleiner. Hiervoor bestaan heel wat gratis tools! - Schakel plug-ins uit die je niet gebruikt
Heb je een website met plug-ins? Kijk dan eens of je ze allemaal echt nodig hebt. Plug-ins kunnen je website namelijk ook vertragen. Ze tijdelijk uitschakelen kan je vaak zelf, maar verwijderen laat je best over aan je developer. - Optioneel: gebruik een plug-in
Tegenstrijdig genoeg bestaan er ook plug-ins die de snelheid van je website verbeteren. Ze verwijderen bijvoorbeeld ongebruikte code. Een voorbeeld hiervan is WP Rocket. Vraag advies aan je webbouwer voor je zelf aan de slag gaat! - Minimaliseer tracking
Misschien gebruik je op je website tracking om data van je bezoekers te verzamelen, zoals een Facebook Pixel, Google Analytics of Hotjar. Ook dat kan de snelheid van je website beïnvloeden. Verwijder tracking die je niet nodig hebt. - Kijk naar je fonts
Fonts zijn de lettertypes die je gebruikt op je website. Ook die kunnen impact hebben op de laadsnelheid, vooral als je veel fonts en varianten hebt of ze extern ophaalt. Sla je fonts daarom liever lokaal op of beperk het aantal varianten.
Wat je websitebouwer kan doen
En dan zijn er nog optimalisaties die je aan je developer kan vragen. Deze verbeteringen zijn technisch of brengen risico’s met zich mee. Daarom laat je ze beter aan een professional over.
- Hosting & server optimaliseren
Heeft de server voldoende geheugen? Met hoeveel anderen wordt hij gedeeld? Een developer kan kijken of alles qua hosting nog juist loopt. Indien nodig, kan je van hostingpartner veranderen. - Een CDN instellen
Heb je veel internationale bezoekers op je website? Dan kan je webbouwer ervoor zorgen dat bezoekers de website kunnen laden vanaf een server die dichter bij hen staat. Dat heet een Content Delivery Network of CDN. - Caching optimaliseren
Caching betekent dat je website tijdelijk kopieën bewaart van bestanden, zodat bezoekers ze sneller kunnen openen. Hoe meer al op die manier ‘klaar staat’, hoe sneller je website laadt. Caching laat je het beter over aan je webbouwer. - De code nakijken
Soms staan er in de code waarmee je website gebouwd is onnodige spaties en commentaren die je website vertragen. En soms blijft er code staan die niet meer gebruikt wordt. Je webbouwer kan dit nakijken en oplossen. - Omleidingen beperken
Wanneer een pagina niet meer bestaat, kan je bezoekers automatisch doorsturen naar de nieuwe pagina. Dat heet een redirect, een HTTP 301 of een omleiding. Dat is prima, zolang het er niet meerdere na elkaar zijn. Want elke omleiding kost een paar milliseconden en het telt snel op!
Hoe vaak moet je je website testen?
Eens de snelheid geoptimaliseerd is, raad ik je aan om de website vooral netjes te houden. Daarmee bedoel ik: laad je een afbeelding op? Zorg dan dat die ineens verkleind is. Doe daarnaast een snelheidstest om de paar maanden als extra controle. Test vaker als bezoekers klagen over de laadsnelheid of wanneer je grote veranderingen aan je website gedaan hebt, zoals een nieuw design.
Vind een webbouwer die met je meedenkt
De snelheid van je website verbeteren is geen eenmalig iets. Het is een combinatie van goede gewoontes, regelmatig testen en professionele ondersteuning. Probeer ook niet alles in één keer op te lossen, maar begin met kleine, haalbare stappen die de snelheid van je website verbeteren. Wil jij een website laten bouwen die vanaf het begin goed in elkaar steekt? Neem dan gerust contact met me op. Ik bezorg je graag een offerte.
