Website traag? Zo meet en verbeter je de snelheid zelf met gratis tools

Twijfel je of je website traag is? Meet het binnen twee minuten gratis met Google PageSpeed Insights. Vul je URL in, bekijk de mobiele score en je weet meteen waar je staat. Dit artikel neemt je mee door het volledige stappenplan: meten, de oorzaak vinden en zelf verbeteren, met gratis tools die je overal in de Benelux zonder registratie kunt gebruiken.

Waarom snelheid overal om draait

Een trage website kost je bezoekers voordat ze de pagina goed gezien hebben. Mensen wachten niet graag en klikken weg naar een ander zoekresultaat. Google gebruikt bovendien de laadsnelheid van de mobiele versie van je site als rankingfactor, niet de desktopversie. Heb je nooit gecontroleerd hoe je site presteert op een telefoon, dan mis je waarschijnlijk het grootste deel van het verhaal.

Je hebt geen dure tools nodig om dit zelf te controleren en te verbeteren. Met twee gratis tools en een half uur tijd kom je al een heel eind, of je nu vanuit Belgie, Nederland of Luxemburg werkt.

Stap voor stap: zo meet je je site zelf

1. Meet je site met Google PageSpeed Insights. Ga naar pagespeed.web.dev en vul het adres van je homepage in. Klik op analyseren en wacht op het rapport. Bekijk eerst het tabblad Mobiel, niet Desktop. Dat is de score die telt voor Google en voor het grootste deel van je bezoekers.
2. Noteer de Core Web Vitals. Let op Largest Contentful Paint, dat toont hoe snel het grootste zichtbare element laadt. Let op Cumulative Layout Shift, dat toont hoeveel de pagina nog verschuift tijdens het laden. Let op Interaction to Next Paint, dat toont hoe snel de pagina reageert op een klik. Uitleg over elke metric vind je op web.dev.
3. Lees het onderdeel Diagnostiek. Hier somt Google concreet op wat er specifiek op jouw pagina vertraagt, met het geschatte tijdverlies per probleem. Dit is je prioriteitenlijst.
4. Doe een tweede meting met GTmetrix. Ga naar gtmetrix.com en voer dezelfde URL in. GTmetrix toont een waterfall-diagram: een tijdlijn van elk bestand dat je pagina laadt, in de volgorde waarin de browser ze ophaalt.
5. Zoek de langste balken in de waterfall. Dat zijn de bestanden die de meeste tijd opslokken. Kijk ook naar de kolom met bestandsgrootte, want grote afbeeldingen en zware scripts vallen meteen op.
6. Vergelijk beide rapporten. Zie je dezelfde knelpunten terugkomen in PageSpeed Insights en GTmetrix, dan weet je zeker dat je de juiste prioriteit te pakken hebt.

De cijfers en meeteenheden op je eigen rapport zijn je referentiepunt. Vergelijk niet met wat je her en der online leest. Elke site en elke meting is anders.

De drie meest voorkomende boosdoeners en hoe je ze zelf oplost

In de praktijk zijn dit verreweg de meest voorkomende oorzaken van een trage site.

Te zware afbeeldingen

Een foto rechtstreeks van een fototoestel of smartphone is vaak veel groter dan nodig voor een webpagina. Dat kost laadtijd zonder dat de bezoeker het verschil ziet.

1. Comprimeer elke afbeelding voor je ze uploadt. Squoosh.app, een gratis tool van het Google Chrome-team, laat je de bestandsgrootte drastisch verkleinen zonder zichtbaar kwaliteitsverlies.
2. Gebruik moderne formaten zoals WebP in plaats van JPEG of PNG waar mogelijk. Uitleg en browserondersteuning vind je op de MDN Web Docs.
3. Zorg dat afbeeldingen nooit groter worden aangeleverd dan het formaat waarop ze getoond worden. Een banner van drieduizend pixels breed voor een vak van achthonderd pixels is pure verspilling.
4. Werk je met WordPress, installeer dan een compressie-plugin en herbereken je bestaande mediabibliotheek in een keer. Lees eerst de documentatie op wordpress.org zodat je weet wat de plugin precies aanpast.

Blokkerende scripts

Sommige JavaScript- en CSS-bestanden moeten volledig geladen zijn voordat de browser de rest van de pagina mag tonen. Staan die bovenaan in de code, dan houdt dat de hele pagina op.

1. Kijk in het Diagnostiek-onderdeel van je PageSpeed-rapport naar de melding over render-blocking resources. Google somt daar exact op welke bestanden het probleem zijn.
2. Vraag je bij elke plugin, chatwidget of tracking-script af of je hem echt nodig hebt. Elk extra script betekent extra laadtijd.
3. Verwijder plugins en scripts die je niet meer gebruikt. Dit is de snelste winst die je zelf kunt boeken, want het kost mogelijk geen technische kennis, enkel opruimwerk.
4. Ben je technisch onderlegd, laad dan scripts die niet meteen nodig zijn met het attribuut defer of async. De officiele uitleg staat op MDN Web Docs onder het onderdeel script.

Geen caching

Zonder caching bouwt de server je pagina bij elk bezoek helemaal opnieuw op, ook als er niets veranderd is sinds het vorige bezoek.

1. Controleer bij je hostingprovider of caching standaard aanstaat. Veel hostingpakketten hebben dit ingebouwd, maar niet altijd standaard actief.
2. Werk je met WordPress, installeer dan een cachingplugin. De officiele WordPress-documentatie op wordpress.org legt uit wat caching precies doet en waar je op moet letten bij de instellingen.
3. Stel browsercaching in zodat terugkerende bezoekers vaste bestanden zoals je logo of stylesheet niet telkens opnieuw hoeven te downloaden. Je PageSpeed-rapport meldt het onder Diagnostiek als dit ontbreekt.
4. Meet na het activeren opnieuw met PageSpeed Insights om te bevestigen dat het effect er is.

Zelf-scan: leg dit naast je eigen site

Loop deze lijst na voor je eigen homepage.

• Heb je de mobiele score in PageSpeed Insights bekeken, niet enkel desktop.
• Weet je welke drie bestanden in de GTmetrix waterfall het meeste tijd kosten.
• Zijn je afbeeldingen gecomprimeerd voor upload, bijvoorbeeld via Squoosh.app.
• Staat er ergens een script of plugin die je eigenlijk niet meer gebruikt.
• Is caching actief bij je hostingprovider of via een plugin.
• Heb je na elke aanpassing opnieuw gemeten om het effect te bevestigen.

Ga je met deze checklist aan de slag, dan pak je op eigen houtje al de grootste knelpunten aan. Blijft je score achter of kom je niet goed uit de rapporten, dan kijkt HisarWeb vrijblijvend met je mee naar wat er specifiek op jouw site nog te winnen valt.