Een performance test onderzoekt hoe goed een website technisch presteert. Daarbij wordt gekeken naar:
- laadtijd van pagina’s
- snelheid van interacties
- grootte van bestanden
- efficiëntie van scripts en afbeeldingen
Het doel is om bottlenecks te vinden die de gebruikerservaring vertragen.
Download hier het werkblad voor performance testing.
Stap 1 - Bepaal wat je wilt meten
Formuleer eerst het doel van de test.
Voorbeelden:
- Hoe snel laadt de homepage?
- Hoe groot is de totale pagina?
- Welke elementen vertragen de website?
- Hoe reageert de site bij interactie?
Schrijf 1–2 onderzoeksvragen.
Stap 2 - Kies pagina’s om te testen
Selecteer enkele belangrijke pagina’s van de website.
Bijvoorbeeld:
- homepage
- productpagina
- categoriepagina
- contactpagina
- checkoutpagina
Deze pagina’s vertegenwoordigen vaak de belangrijkste gebruikersscenario’s.
Stap 3 - Gebruik performance tools
Gebruik tools om de prestaties van de website te meten.
Veelgebruikte tools zijn:
- browser developer tools
- performance analysetools
- snelheidstest websites
Met deze tools kun je meten:
- laadtijd
- grootte van bestanden
- aantal requests
- serverreactietijd
Performance tools analyseren hoe de browser een pagina opbouwt. Dit proces wordt vaak weergegeven als een waterfall diagram, waarin zichtbaar is:
- wanneer bestanden worden geladen
- welke bestanden vertraging veroorzaken
- welke resources het grootste deel van de laadtijd gebruiken.
Veelgebruikte tools:
- PageSpeed Insights
- GTmetrix Speed Test
- Webpagetest.org
- Pingdom.com
- Google Lighthouse (in Chrome)
F12 → Lighthouse tab → Run audit
Stap 4 - Meet belangrijke metrics
Noteer de belangrijkste prestatie-indicatoren.
Voorbeelden:
| Metric | Betekenis |
|---|---|
| Page load time | totale tijd om pagina te laden |
| First Contentful Paint | wanneer eerste content zichtbaar wordt |
| Largest Contentful Paint | wanneer grootste element zichtbaar wordt |
| Total page size | totale grootte van alle bestanden |
| Number of requests | aantal bestanden dat wordt geladen |
Stap 5 - Analyseer de resultaten
Bekijk welke onderdelen de meeste tijd kosten.
Let op:
- grote afbeeldingen
- zware JavaScript bestanden
- veel HTTP requests
- trage serverreactie
Noteer welke elementen het meeste invloed hebben op de prestaties.
Stap 6 - Identificeer performance problemen
Veel voorkomende problemen zijn:
- ongecomprimeerde afbeeldingen
- te veel scripts
- grote CSS-bestanden
- externe scripts die langzaam laden
- onnodig veel requests
De snelheid van een website wordt vaak beïnvloed door drie factoren:
- Bestandsgrootte
Grote bestanden vertragen het laden. - Aantal requests
Elke resource moet afzonderlijk worden geladen. - Serverrespons
Trage servers verhogen wachttijden.
Stap 7 - Formuleer verbeteringen
Bedenk mogelijke oplossingen.
Voorbeelden:
- afbeeldingen comprimeren
- scripts minimaliseren
- caching gebruiken
- bestanden combineren
- content delivery networks (CDN) inzetten
Noteer de belangrijkste verbeterpunten.