Meet een concrete pagina en handeling
Kies een herkenbaar probleem: de homepage opent langzaam, zoeken duurt lang of de winkelmand reageert traag. Noteer URL, tijdstip, apparaat, verbinding en of u ingelogd bent. Vergelijk meerdere metingen onder dezelfde omstandigheden.
Een eenmalige totaalscore verbergt waar de vertraging zit. Maak onderscheid tussen de eerste laadbeurt, een herhaald bezoek en pagina's met persoonlijke gegevens.
Bekijk de eerste reactie
Open de ontwikkelaarstools van uw browser en bekijk in “Network” het documentverzoek. De timing laat onder meer verbinding en wachten op de reactie zien. Time to First Byte, TTFB, bevat meer dan alleen PHP-rekentijd: ook netwerk, verbinding en redirects kunnen meespelen.
Is vooral het wachten op de eerste byte lang, vergelijk dan een cachebare publieke pagina met een dynamische pagina. Onderzoek vervolgens applicatielogs, databasewerk en accountlimieten rond hetzelfde tijdstip.
Bekijk wat daarna nog duurt
Komt HTML snel binnen maar verschijnt de pagina laat, bekijk dan grote afbeeldingen, fonts, stylesheets en scripts. Een lange keten van externe verzoeken kan het resultaat vertragen zonder dat de hostingserver veel werk heeft.
Controleer ook of JavaScript de pagina blokkeert of interactie traag maakt. Een sneller serverantwoord repareert geen script dat daarna de browser bezet houdt.
Eén oorzaak tegelijk aanpakken
Lange documentreactie: controleer cache, PHP, database en externe API-aanroepen.
Grote downloads: verbeter afmetingen, compressie en laadstrategie.
Trage interactie: onderzoek scripts en werk op de hoofdthread.
Alleen piekuren traag: vergelijk verkeer, taken en resourcegebruik.
Gebruik dezelfde meetopzet vóór en na de wijziging. Zet niet tegelijk meerdere optimalisaties aan, want dan is het effect moeilijk te beoordelen.
Wat geeft u door?
Deel de getroffen URL, tijdvak, herhaalstappen en de relevante timing. Een netwerkexport kan cookies en tokens bevatten; maak die eerst veilig. Met een concreet verzoek en tijdstip kan de beheerder gericht vergelijken met serverlogs. Zie ook trage databasequeries.
Een meting in Chrome stap voor stap
Open de betreffende pagina en daarna de ontwikkelaarstools met F12, als die sneltoets op uw apparaat beschikbaar is. Kies “Network”. Controleer dat de opname actief is en laad de pagina opnieuw. Selecteer het verzoek voor het HTML-document en open “Timing”. Noteer welke fase veel tijd vraagt en of er vooraf redirects zijn.
Bekijk onder “Headers” de status en eventuele cacheheaders. Noteer ook of de browser het antwoord uit geheugen- of schijfcache haalt. Met “Disable cache” kunt u tijdens geopende ontwikkelaarstools de browsercache uitschakelen, maar dat wist niet de servercache of een CDN-cache. Houd die keuze bij uw vergelijkingsmetingen gelijk.
Drie fictieve uitkomsten en de volgende vraag
Het document wacht lang op een reactie, terwijl afbeeldingen daarna vlot laden: onderzoek de documentaanvraag, redirects, netwerkvertraging en serververwerking rond dat tijdstip.
Het document komt snel, maar een grote afbeelding verschijnt laat: bekijk bestandsgrootte, afmetingen en laadvolgorde. Een zwaarder hostingpakket verkleint de afbeelding niet.
De pagina is zichtbaar, maar een knop reageert traag: onderzoek het JavaScript-werk en de bijbehorende verzoeken. De laadtijd van de eerste HTML zegt weinig over die latere interactie.
Deze voorbeelden zijn denkrichtingen, geen diagnose op basis van één meetwaarde. Vergelijk een langzame en een normale aanvraag met dezelfde uitgangssituatie. Bij een webshop test u openbare pagina’s apart van winkelmand en afrekenen; persoonlijke routes horen niet voor een betere score in openbare paginacache te worden gedwongen.
Bewaar voldoende gegevens voor gericht onderzoek
URL en precieze handeling:
Tijdstip met tijdzone:
Apparaat, browser en verbinding:
Ingelogd of uitgelogd:
Browsercache aan of uit:
Documentstatus, redirects en cacheheader:
Langste fase in Timing:
Grootste of langzaamste vervolgverzoek:
Herhaling onder dezelfde omstandigheden:
Eén uitgevoerde wijziging:
Zelfde controle na de wijziging:Noteer echte waarnemingen. Vul geen voorbeeldsnelheid in alsof die voor uw website is gemeten.
Een HAR-export kan cookies, tokens en formuliergegevens bevatten. Deel liever eerst URL, tijdvak en een beschrijving van de relevante timing. Als een export nodig is, controleer en schoon die op via de afgesproken werkwijze. Een screenshot moet eveneens vrij zijn van klantgegevens en geheime aanvraagparameters.
Controleer na de verbetering ook of de functie nog werkt. Uitgestelde scripts kunnen een score verbeteren terwijl een menu, formulier of betaling niet meer goed reageert. Bewaar daarom meetresultaat en functionele uitkomst samen.