Laadtijd van de website meten

3 hulpmiddelen om de laadtijd van uw pagina's echt goed te meten

Hoe snel laadt mijn pagina? Dit is een van de centrale vragen bij performance, UX en zoekmachineoptimalisatie. Bij het beantwoorden van deze vraag moet u vertrouwen op de juiste hulpmiddelen. Omdat slechts een paar instrumenten echt goede gegevens opleveren. Vandaag stel ik je de drie krachtigste voor en laat ik je zien hoe je er één van kunt gebruiken, Pingdom.

Er zijn op het web een aantal prachtige overzichtsartikelen te vinden over tools waarmee iedere gebruiker heel eenvoudig en vooral gratis de prestaties en laadtijd van zijn eigen website kan meten. Deze overzichten zijn zeer nuttig, maar maken vaak een fout die voor de gebruikers meer verwarring dan duidelijkheid kan scheppen. Zij vergelijken twee tot drie totaal verschillende soorten gereedschap met elkaar en gaan soms niet gedetailleerd genoeg in op de verschillen.

Dit kan er vervolgens toe leiden dat gebruikers proberen prestatievergelijkingen te maken met volledig ongeschikte gegevens. Dat is jammer, want meten met het juiste gereedschap bespaart veel tijd en moeite.

Elke gebruiker die de prestaties van zijn site wil meten, moet één verschil kennen: het verschil tussen potentiële analyses en tools die de laadtijd van een website meten. De eerste groep omvat tests zoals Google PageSpeed Insights en Yahoo's YSlow. Deze hulpmiddelen geven aan hoe goed de geteste website voldoet aan de eisen voor een snelle paginalading. Beide bieden dus uitstekende input voor onpage-optimalisatie. Dergelijke tests meten echter uitdrukkelijk niet de laadtijd van uw website.

Maar meestal is dat wat je wilt weten: Hoe lang duurt het om mijn site te bouwen, hoe lang duurt het voor klanten om te communiceren met het, hoe lang duurt het voor mij om geld te verdienen? En hier wringt de schoen: voor zover wij weten, zijn er eigenlijk maar drie gratis instrumenten die echt goede gegevens verschaffen:

Daarom zal ik u in dit en twee andere artikelen laten zien wat de drie meetinstrumenten kunnen doen, hoe u ze moet gebruiken en hoe u de gegevens moet interpreteren, zodat u het meeste uit de metingen kunt halen.

Drie kenmerken maken een meetinstrument bijzonder waardevol: instelmogelijkheden, gedetailleerdheid van de metingen en verscheidenheid van gegevens

De instrumenten die ik noemde zijn zo goed omdat ze bijzonder waardevolle gegevens opleveren. Dit betekent dat de meetresultaten:

  • Kan worden aangepast via verschillende instelmogelijkheden.
  • uitvoer met een hoge mate van detail.
  • Bestaan uit de resultaten van verschillende meetmethoden die met elkaar kunnen worden vergeleken.

In de praktijk betekent dit dat u met een goed meetinstrument kunt instellen hoe het de laadtijd van de website meet. Dit is meestal de keuze van de testserver en de locatie daarvan en soms ook de keuze van de testbrowser.

De mate van gedetailleerdheid van de gegevens betekent dat niet alleen informatie over de tijd wordt gegeven, maar ook een gedetailleerde beschrijving van wat werkelijk is gemeten. Het is heel goed mogelijk dat twee instrumenten onder "laadtijd" iets anders verstaan. Het is natuurlijk nog beter als gestandaardiseerde termen worden gebruikt, zoals tijd tot de eerste byte.

En ten slotte is het goed als niet alleen de laadtijd van uw website wordt gemeten, maar ook informatie over het aantal HTTP-verzoeken, de grootte van de geladen gegevenspakketten of de resultaten van mogelijke analyses tegelijkertijd worden weergegeven. Zo kunt u snel zien welke aanpassingen u kunt doen om de laadtijd te optimaliseren.

Andere ons bekende instrumenten bieden die mogelijkheden slechts in beperkte mate of in het geheel niet en kunnen derhalve leiden tot begrips- en dus interpretatieproblemen. Voor u als eindgebruiker betekenen deze voordelen echter een doorslaggevend nadeel: de gegevens zijn lang niet zo gemakkelijk te begrijpen als bijvoorbeeld de resultaten van Google PageSpeed Insights.

Meetgegevens zijn niet altijd gemakkelijk te lezen - maar met wat basiskennis kunnen ze altijd worden begrepen

Het meest afschrikwekkende deel is zeker het zogenaamde watervaldiagram. Maar juist dit levert bijzonder belangrijke gegevens op. Het is daarom de moeite waard dit soort diagrammen nader te bekijken.

In deze post zal ik eerst Pingdom in meer detail uitleggen. Dit is een instrument dat snel zeer informatieve informatie over uw website kan verschaffen en ook de laadtijd van uw website meet.

Meet de laadtijd van uw website met Pingdom. Hier is het invoermasker.
Input masker van Pingdom. Deze tool is een van de drie die volgens ons echt goede resultaten geeft en vooral de laadtijd van uw website meet.

Pingdom laat heel mooi zien in welke volgorde je pagina is opgebouwd en hoe groot de afzonderlijke bouwstenen zijn.

Pingdom is snel en zeer gemakkelijk te gebruiken. In principe hoef je maar twee dingen te doen:

  • voer eerst het te testen domein in
  • selecteer dan de serverlocatie

De serverlocatie is - naast de keuze van de te testen browser - een van de belangrijkste instellingen om te kunnen begrijpen hoe en hoe snel uw site wordt opgebouwd voor klanten uit verschillende regio's. Bij dergelijke tests geeft de serverlocatie aan vanaf welke locatie uw website wordt benaderd voor de snelheidsmeting.

Zorg er altijd voor dat u dezelfde serverlocatie gebruikt, vooral voor prestatievergelijkingen. Dit is de enige manier om de resultaten te vergelijken. Als de laadtijd van uw website eenmaal vanuit de VS en eenmaal vanuit Frankfurt wordt gemeten, zullen de laadtijden voor een bezoeker uit Duitsland aanzienlijk verschillen.

Laadtijd website meten Pingdom opties voor de testserver
Keuzemogelijkheden voor de testserver van de Pingdom test.

Wanneer u de test start, worden na enkele ogenblikken drie grote gegevenspakketten uitgeworpen:

  1. Overzicht en resultaat van de potentieelanalyse
  2. Detailoverzicht van de pagina
  3. Waterval diagram

Meteen in het begin worden de drie belangrijkste gegevens voor het begrijpen van de prestaties van uw pagina uitgevoerd:

  • het cijfer van de potentiële analyse (1)
  • de laadtijd van de pagina (2)
  • het aantal HTTP-verzoeken (3)
Laadtijd website meten Pingdom overzicht resultaat
Overzicht resultaat enscenering

De beoordeling is naar verluidt gebaseerd op Google PageSpeed Insights. In al onze tests tot nu toe is deze waarde echter vervormd (in dit specifieke geval 15 punten onder de oorspronkelijke beoordeling en ook aanzienlijk onder de beoordeling voor mobiele apparaten) en dus onbruikbaar.

De laadtijd (2) van de pagina is de centrale parameter waarmee, bij voorbeeld, prestatievergelijkingen kunnen worden gemaakt. Het is het directe antwoord op de vraag: Hoe snel laadt mijn pagina? Het aantal HTTP-verzoeken (3) is ook zeer geschikt voor dergelijke vergelijkingen. Hier geldt: hoe minder HTTP-verzoeken, hoe beter.

Een leuke toevoeging is het onderdeel "Sneller dan" (4). In ons geval geeft dit aan dat raidboxes.de sneller is dan 75% van de andere pagina's getest op pingdom. Deze informatie kan worden gebruikt voor plaatsbepaling bij benadering. Als bijvoorbeeld blijkt dat uw pagina sneller laadt dan 95 procent van de andere pagina's, dan is dat al een eerste aanwijzing dat uw pagina verdomd snel is.

De sectie "Performance Insights" maakt ook deel uit van het overzicht. Hier krijgt u evaluaties en voorstellen voor oplossingen voor verschillende prestatie-relevante aspecten van uw site. Zeer vergelijkbaar met de tools van Google of Yahoo. Het is belangrijk te begrijpen dat hier niet de laadtijd van de website werd gemeten, maar het potentieel om de laadtijd te optimaliseren.

Pingdom Pontecial Analyse Meet Website Laadtijd
Als tweede deel van de laadtijdmeting, voert pingdom ook deze potentiële analyse uit.

Het tweede deel is de gedetailleerde uitsplitsing van de pagina. Hier krijgt u informatie over twee centrale kenmerken: De functionaliteit van de afzonderlijke pagina's en de samenstelling van de pagina.

In het gebied dat u hieronder ziet, zou u bijvoorbeeld alle 404-fouten van uw pagina zien. In ons testgeval kunt u hier zien dat 69 antwoorden van de server naar de browser normaal verliepen. Twee van deze verzoeken werden doorgezonden.

Pingdom omleidingen Meet laadtijd website
Pingdom controleert ook hoeveel redirects, 400s en 500s fouten er door uw site worden geproduceerd.

In de gebieden hieronder worden de HTTP-verzoeken en de inhoud van uw pagina uitgesplitst naar type en bron. Op die manier kunt u snel zien of een bepaald type inhoud, zoals afbeeldingen, bijzonder veel ruimte in beslag neemt of bijzonder veel verzoeken genereert en dus uw pagina vertraagt.

In ons geval nemen de scripts veel ruimte in beslag en veroorzaken ze veel verzoeken. (1+2) Dit is voornamelijk te danken aan ons ondersteuningsinstrument, Intercom, de Trusted Shops badge en verzoeken van de site zelf. (3) In combinatie met de verzoeken kunt u ook zien: De door intercom verzonden verzoeken hebben betrekking op bijzonder grote gegevenspakketten. (4)

Pingdom Data Pakketten meten laadtijd website
Uitsplitsing van de pagina naar verzoeken en grootte van gegevenspakketten.

Het watervaldiagram toont u nu in detail de volgorde waarin de verzoeken lopen en hoe lang het duurt om elk verzoek te laden. Dit betekent dat het watervaldiagram een gedetailleerd beeld geeft van de laadtijd van uw website.

Helemaal aan het eind van de testresultaten vindt u ook een legende die uitlegt wat de symbolen en kleuren betekenen.

In ons geval zie je bovenaan de redirect van http naar https (1), dan het eerste contact met de server (2) en dan de laadtijden van de afzonderlijke scripts (3).

Watervalgrafiek pingdom Laadtijd website meten
Het waterval diagram van pingdom.

Pingdom biedt ook de mogelijkheid om precies weer te geven welke delen van een verzoek hoe lang duren om te laden. Hiermee kunt u de tijd tot de eerste byte bepalen (d.w.z. de tijd die de server nodig heeft tot het eerste gegevenspakket wordt verzonden), maar die moet u verzamelen uit de individuele waarden.

Een voorbeeld: Als u naar het eerste verzoek van onze pagina kijkt, zult u zien dat het in totaal 129 milliseconden duurt. Het bestaat uit een DNS lookup, die minder dan een milliseconde duurt, een zogenaamde SSL handshake, die 29 milliseconden duurt, de verbinding tussen de browser en de server, die 52 milliseconden duurt, het verzenden van de gegevens van de browser naar de server, een wachttijd van 47 milliseconden en tenslotte de ontvangst van de eerste gegevens.

Watervaldiagram detailweergave Maatregel laadtijd website
Gedetailleerd overzicht van het watervaldiagram. Als u de laadtijd van uw website wilt meten, kunt u precies zien hoe lang bepaalde gegevenspakketten erover doen om te laden.

Gedurende de opgegeven wachttijd berekent de server alle nodige PHP-processen. Deze waarde is dus zeer geschikt als u twee hostingproviders wilt vergelijken.

Op die manier kunt u elk individueel verzoek bekijken en vergelijken met een andere gemeten waarde. Zo kunt u bepalen of de laadtijd van uw pagina is verbeterd na een optimalisatiemaatregel en zo ja, met welke factor.

Voordelen: Pingdom levert zeer snel relevante gegevens, met een hoge informatiewaarde

Over het geheel genomen is pingdom een goed hulpmiddel om de laadtijd van een website te meten. Je kunt het snel zien met pingdom:

  • hoe snel een pagina laadt
  • hoe groot het is
  • waar het nog voor optimalisatie vatbaar is
  • hoe dit potentieel kan worden benut
  • hoe de opbouw van uw pagina werkt

Nadelen: Vooral de aanduiding van de laadtijd is erg onnauwkeurig

Het instrument heeft echter twee belangrijke beperkingen: ten eerste zijn er slechts zeer weinig serverlocaties beschikbaar om te testen. Dit is op zich geen nadeel, want als u altijd met dezelfde server meet, zijn de resultaten perfect vergelijkbaar. Dit is echter precies waar u op moet letten bij het gebruik van de test. U moet ook een serverlocatie kiezen die zo dicht mogelijk bij uw belangrijkste bezoekersgroep ligt.

Anderzijds wordt de laadtijd van de pagina alleen in samengevoegde vorm weergegeven. Dit betekent dat u niet kunt zien op welke waarde de 1,84 seconden uit het voorbeeld betrekking hebben zonder naar het watervaldiagram te kijken. Ook wordt er geen onderscheid gemaakt tussen de cache- en de ongecachete versie van de pagina.

Waarschijnlijk het grootste nadeel van Pingdom is dat u de waargenomen laadtijd niet kunt zien. Dit komt doordat uw pagina misschien in tien, twaalf of dertien seconden is geladen, maar al na drie seconden lijkt alsof hij volledig is geladen. Uw pagina zou dus als veel sneller worden gezien dan hij is. Pingdom biedt echter niet de mogelijkheid om deze waargenomen laadtijd weer te geven (in de gratis versie, let wel). GTmetrix en webpagetest.org kunnen dat beter.

Pingdom kan snel antwoord geven op wat vaak de belangrijkste vraag is: Hoe snel laadt mijn pagina? De tool onthult ook veel over uw paginastructuur. Maar het kan nog beter! In het volgende deel van deze serie zal ik GTmetrix nader bekijken. Deze test levert nog meer gegevens op en is bijzonder overtuigend met een videofunctie en een tijdreeksanalyse van de laadtijd van uw pagina.

Met welke hulpmiddelen hebt u tot nu toe de beste ervaring gehad op het gebied van prestatieanalyse?

Vond je het artikel leuk?

Met jouw beoordeling help je ons om onze inhoud nog verder te verbeteren.

Laat een reactie achter

Je e-mailadres wordt niet gepubliceerd.