Je websitesnelheid zelf meten en verbeteren: een stappenplan met gratis tools

Waarom je websitesnelheid er echt toe doet

Een trage website kost je bezoekers. Bezoekers verwachten dat een pagina binnen twee à drie seconden laadt. Duurt het langer, dan verlaat tot de helft van de mobiele gebruikers de pagina voordat die volledig is geladen. Dat is zonde van je content, je aanbod en je advertentiebudget. In dit artikel leer je hoe je de laadtijd van je eigen website meet, welke problemen het vaakst voorkomen en wat je er vandaag zelf aan kunt doen.

Stap 1: Meet de huidige snelheid met gratis tools

Begin met objectieve cijfers. Gebruik hiervoor twee gratis tools die je direct een duidelijk beeld geven.

Open Google PageSpeed Insights. Vul je URL in en klik op analyseren. De tool geeft je binnen dertig seconden twee scores: één voor mobiel en één voor desktop. Let vooral op de mobiele score. Meer dan zestig procent van het webverkeer komt van mobiele apparaten. Een score onder de vijftig is rood en vraagt om actie. Een score tussen vijftig en negentig is oranje en kan beter. Boven de negentig ben je goed bezig.

Open vervolgens GTmetrix. Maak een gratis account aan zodat je testlocaties kunt kiezen die dicht bij je doelgroep liggen. Voer je URL in en start de test. GTmetrix laat zien hoe lang het duurt voordat de pagina volledig geladen is en geeft een watervalgrafiek. Die grafiek toont precies welke bestanden wanneer laden en waar vertragingen zitten.

Noteer voor jezelf de mobiele score uit PageSpeed Insights en de totale laadtijd uit GTmetrix. Die cijfers zijn je nulmeting.

Stap 2: Herken de drie meest voorkomende oorzaken

Als je score tegenvalt, ligt de oorzaak meestal in één van deze drie categorieën.

Te zware afbeeldingen Afbeeldingen zijn verreweg de zwaarste onderdelen van een webpagina. Een foto van drie megabyte die je rechtstreeks van je telefoon upload, laadt veel te langzaam. Kijk in de watervalgrafiek van GTmetrix naar de langste balken. Staan daar bestandsnamen van afbeeldingen tussen, dan weet je genoeg.

Blokkerende scripts JavaScript-bestanden kunnen het laden van de rest van de pagina blokkeren. Vooral externe scripts zoals analytics, advertenties of chatwidgets veroorzaken soms onnodige vertraging. PageSpeed Insights meldt dit onder de aanbeveling 'Reduce unused JavaScript' of 'Eliminate render-blocking resources'.

Geen caching Caching betekent dat de browser onderdelen van je website lokaal opslaat. Komt een bezoeker terug, dan hoeft niet alles opnieuw gedownload te worden. Zonder caching laadt elke pagina even traag als de eerste keer. GTmetrix en PageSpeed Insights vermelden beide 'Leverage browser caching' of 'Serve static assets with an efficient cache policy' als dit ontbreekt.

Stap 3: Optimaliseer afbeeldingen voor het web

Afbeeldingen kleiner maken levert het snelste resultaat op.

Gebruik een gratis compressietool zoals TinyPNG of Squoosh. Sleep je afbeelding in de browser en de tool comprimeert hem zonder zichtbaar kwaliteitsverlies. Download het resultaat en vervang de oorspronkelijke afbeelding op je website. Voor een WordPress-site kun je de plugin ShortPixel of Imagify installeren. Die comprimeren nieuwe uploads automatisch.

Schakel naar moderne bestandsformaten. WebP is een formaat dat tot dertig procent kleiner is dan JPEG bij vergelijkbare kwaliteit. Squoosh kan je afbeeldingen direct naar WebP omzetten. De meeste moderne browsers ondersteunen WebP probleemloos.

Controleer de afmetingen. Upload nooit een afbeelding van 4000 pixels breed als hij op je site maximaal 800 pixels breed getoond wordt. Schaal de afbeelding voor het uploaden bij naar de juiste maat in een gratis tool zoals GIMP of Photopea.

Stap 4: Beperk en optimaliseer scripts

Scripts kun je vaak uitstellen of helemaal verwijderen.

Inventariseer welke scripts echt nodig zijn. Open de broncode van je pagina in je browser via rechtermuisknop en 'Pagina-bron weergeven'. Zie je scripts van tools die je niet meer gebruikt of van A/B-tests die al maanden geleden zijn afgelopen, verwijder ze dan uit je website. In WordPress vind je deze vaak terug onder Instellingen of in de code van je thema.

Stel niet-essentiële scripts uit. Google Analytics of een chatwidget hoeven niet te laden voordat de bezoeker de inhoud ziet. Voeg het attribuut 'defer' of 'async' toe aan de scripttags in je HTML. In WordPress doen plugins zoals Autoptimize of WP Rocket dit automatisch voor je. Die plugins combineren en comprimeren scripts ook, wat extra snelheidswinst oplevert.

Stap 5: Schakel caching in

Caching zorgt dat terugkerende bezoekers je site sneller zien.

Voor WordPress installeer je een cachingplugin. WP Super Cache en W3 Total Cache zijn gratis en betrouwbaar. Na installatie schakel je caching in via de plugin-instellingen. De standaardinstellingen werken voor de meeste sites direct goed.

Voor andere platforms controleer je de serverinstellingen. Veel hostingproviders zoals SiteGround of Kinsta bieden ingebouwde caching die je met één klik activeert in het controlepaneel. Heb je daar geen toegang toe, vraag je hostingpartij dan of ze browsercaching kunnen inschakelen via de .htaccess-configuratie.

Controleer na het inschakelen of caching werkt. Voer een nieuwe test uit in GTmetrix. Kijk of de melding over caching verdwenen is en of de laadtijd verbeterd is.

Stap 6: Meet opnieuw en vergelijk

Na elke aanpassing test je opnieuw in Google PageSpeed Insights en GTmetrix. Vergelijk de nieuwe scores en laadtijden met je nulmeting uit stap 1. Een stijging van twintig punten in je mobiele score of een halvering van de laadtijd is realistisch haalbaar als je alle drie de stappen hebt uitgevoerd.

Let op de specifieke aanbevelingen die overblijven. PageSpeed Insights geeft per aanbeveling aan hoeveel tijd je kunt besparen. Richt je eerst op de grootste tijdwinst.

Zelf-scan: ben je klaar voor sneller laden?

Loop deze checklist na voordat je de zaak afsluit:

1. Heb je je huidige snelheid gemeten in zowel PageSpeed Insights als GTmetrix?
2. Zijn alle afbeeldingen op je site kleiner dan 200 kilobyte per stuk?
3. Gebruik je moderne formaten zoals WebP waar mogelijk?
4. Heb je onnodige of verouderde scripts verwijderd?
5. Laden niet-essentiële scripts uitgesteld met defer of async?
6. Is caching actief op je website?
7. Heb je na elke aanpassing opnieuw gemeten?

Antwoord je op alles ja, dan heb je de basis goed op orde.

Als het zelf te veel tijd kost

De stappen in dit artikel zijn uitvoerbaar voor iedereen die zijn website beheert. Soms loop je toch vast. Misschien heb je geen toegang tot de juiste instellingen, werkt een plugin niet samen met je thema of wil de score maar niet omhoog. In dat geval kijkt HisarWeb vrijblijvend met je mee. We analyseren waar het knelt en geven je concrete vervolgstappen of nemen het over als je dat liever hebt.