Snelheid website

Meer gevoel graag bij het testen van website snelheid

De laadtijd van een website is belangrijk. Geen twijfel mogelijk. Voor de gebruikerservaring en de conversie. Maar voor de bezoeker is niet de feitelijke laadtijd doorslaggevend, maar de waargenomen snelheid van de website. Want een gebruiker ervaart een website zonder de gemeten waarden te kennen. De waargenomen laadtijd is daarom een belangrijke waarde voor het optimaliseren van het conversie- en bouncepercentage. Wij laten zien hoe je dat betrouwbaar kunt meten.

Iedereen kent de situatie: je hebt een spannend nieuw product ontdekt of de link naar een zogenaamd spannend blogartikel gevonden, klikt op de link en er gebeurt aanvankelijk niets. De pagina blijft een paar seconden wit en dan bouwen de pagina-onderdelen tergend langzaam op. Kopen of je inschrijven voor een nieuwsbrief is onwaarschijnlijk op een pagina als deze.

Enige tijd geleden onderzochten onze collega's van Kissmetrix het verband tussen de laadtijd van pagina's en het conversiepercentage in winkels. Het resultaat: elke seconde telt. Want de gemiddelde bezoeker is ongeduldig. Een laadtijd die een seconde langer is, kan leiden tot een zeven procent lagere conversie. Dus voor elke seconde dat je pagina er langer over doet om te laden, verlies je omzet.

Above-the-fold optimalisatie kan een tegengif zijn. Dit betekent het optimaliseren van de laadtijd van het deel van de pagina dat zichtbaar is zonder te scrollen. Deze maatregel vermindert de waargenomen laadtijd, wat weer kan leiden tot een betere conversie.

Maar hoe kun je de waargenomen snelheid van een website goed meten? Natuurlijk kun je de pagina gewoon in een incognito tabblad laden en proberen om ... nou ja, het verschil te voelen. Of je kunt vertrouwen op een hulpmiddel dat je de waargenomen laadtijd geeft als een tastbare en vergelijkbare waarde.

GTmetrix is zo'n hulpmiddel. Hiermee kun je meten wat ik beschouw als de belangrijkste laadtijdwaarde van je pagina en deze vergelijkbaar maken. Het is zeer eenvoudig te gebruiken en levert waardevolle meetgegevens op.

Dit artikel maakt deel uit van een serie over het onderwerp laadtijdmeting:

  1. In deel 1 laten we zien waarom het soort gegevens dat een test oplevert zo belangrijk is
  2. In deel 2 laat ik zien waarom de populaire PageSpeed Insights test absoluut ongeschikt is voor prestatievergelijkingen.
  3. Deel 3 laat zien welke gegevens je nodig hebt om een goede prestatievergelijking te kunnen maken - bijvoorbeeld na een verandering van hoster.

GTmetrix: Veel optimalisatie aanbevelingen, website snelheidsgeschiedenis en video functie.

GTmetrix is heel eenvoudig te gebruiken: je voert de URL in van de pagina die je wilt testen en de tool spuugt na enkele ogenblikken het resultaat uit. Het nadeel:

  • GTmetrix biedt slechts één serverlocatie, Vancouver
  • GTmetrix test alleen met Firefox

Dit betekent dat de meetresultaten van GTmetrix altijd gelden voor een bezoeker uit Vancouver die je site bezoekt via een desktop computer en Firefox. Zolang je bij je prestatiemeting uitsluitend met GTmetrix werkt, heeft dit geen invloed op de bevindingen. Maar als je wilt weten hoe snel de pagina laadt voor Duitse bezoekers, moet je een ander hulpmiddel gebruiken.

GTmetrix geeft je vier grote gegevenspakketten:

  1. Het overzicht met de mogelijke analyses en belangrijke kengetallen
  2. Het watervaldiagram
  3. De (betaalde) videofunctie
  4. De tijdreeksanalyse

Het bijzondere van het overzicht: het geeft de resultaten van twee mogelijke analyses tegelijk.

In dit overzicht worden alle belangrijke kerngegevens van je pagina weergegeven. Naast de mogelijke analyses van Google (1) en Yahoo (2) vind je onder Paginadetails de Page Load Time (3), d.w.z. de laadtijd van je pagina, de grootte van je pagina (4) en het aantal HTTP-verzoeken. (5)

Overigens zijn de laadtijd en HTTP-verzoeken bijzonder geschikt om de prestaties van twee websites of websiteversies te vergelijken.

Meet de snelheid van een website op de juiste manier met GTmetrix: Een overzicht
Onder "Test Server Regio" en "Gebruiken" is het duidelijk zichtbaar: In de gratis versie gebruikt GTmetrix een server in Canada en de Firefox browser om de snelheid van de website te bepalen. Voor Duitse pagina's betekent deze testopstelling langere laadtijden.

Dit eerste overzicht bevat ook de gedetailleerde resultaten van de twee mogelijke analyses PageSpeed Insights en YSlow. Deze laten precies zien hoe goed de pagina tot nu toe is geoptimaliseerd en waar nog ruimte is voor verbetering. Het feit dat GTmetrix twee verschillende sets regels gebruikt (een van Google en een van Yahoo) is prijzenswaardig. Dit biedt jou, de gebruiker, meer oriëntatie. Als een optimalisatiemaatregel door beide tests wordt voorgesteld, is het hoogstwaarschijnlijk een belangrijke optimalisatiestap die de moeite waard is om aan te werken.

De waargenomen snelheid van de website is belangrijk. Het overzicht van de GTmetrix potentieelanalyse laat je zien waar er potentieel voor verbetering is.
Zo zien de mogelijke analyses bij GTmetrix eruit. Niets nieuws als je al eens een Google PageSpeed Insights resultaat of de resultaten van YSlow hebt gezien. Je kunt een dropdown gebruiken om gedetailleerde informatie over de afzonderlijke stappen weer te geven.

GTmetrix biedt in zijn hulpsectie gedetailleerde beschrijvingen en interpretatiehulpmiddelen. Dit maakt het, vooral voor beginners, heel gemakkelijk om zich de complexe resultaatstructuren eigen te maken.

Het watervaldiagram is het hart van de analyse

Net als Pingdom onthult GTmetrix alleen de echt interessante gegevens in het zogenaamde watervaldiagram. Dit splitst alle geladen gegevenspakketten (1) op in chronologische volgorde (2) en met hun laadtijd (3). Bovendien wordt het type verzoek weergegeven (4), of het betreffende verzoek OK is (5) en of de server een fout geeft (6).

Gedetailleerde weergave van een watervaldiagram van GTmetrix voor het analyseren van de snelheid van websites.
Het watervaldiagram laat in detail zien welke factoren welk aandeel hebben in de snelheid van de website.

Met deze gedetailleerde informatie kunnen nu redelijke prestatievergelijkingen worden gemaakt tussen twee pagina's. Dit wordt bijvoorbeeld relevant na een verandering van hoster of onpage optimalisatie. Het is belangrijk dat de metingen altijd plaatsvinden vanaf servers in Canada en via de Firefox browser. Als je andere parameters wilt testen, moet je of GTmetrix kopen of een ander hulpmiddel gebruiken, zoals webpagetest.org.

De gedetailleerde weergave van de laadtijd geeft een nog nauwkeuriger beeld van de afzonderlijke gegevenspakketten en hun bijdrage aan de snelheid van de website. In het voorbeeld: het eerste contact met onze server. 5 milliseconden zijn nodig voor het opzoeken van de DNS, 167 milliseconden zijn nodig voor de client om verbinding te maken met de webserver, en na 172 milliseconden worden de eerste gegevens gedownload. De lange wachttijd van een goede seconde is deels te wijten aan de geografische afstand van de testserver tot de werkelijke serverlocatie. De test geeft dus de cijfers voor een klant uit Canada.

Details uit een watervaldiagram om de snelheid van een website te analyseren
Gedetailleerde uitsplitsing van het eerste verzoek van de browser aan de webserver.

Belangrijkste voordelen van GTmetrix: Tijdreeksanalyse en videofunctie voor waargenomen laadtijd

Vergeleken met de tool die ik een paar dagen geleden introduceerde, Pingdom, biedt GTmetrix twee doorslaggevende voordelen:

  1. een vrije tijdreeksanalyse
  2. een belastbare videoanalyse

1) De tijdreeksanalyse

Het vergelijken van de laadtijd van je pagina over meerdere dagen of weken kan heel informatief zijn. Bijvoorbeeld als je je pagina stap voor stap optimaliseert gedurende meerdere weken. De geschiedenisfunctie biedt deze tijdreeksinformatie (in de gratis versie) voor drie dimensies: De laadtijd van de pagina, het aantal HTTP-verzoeken en de grootte van de pagina en de scores van de potentiële analyses YSlow en PageSpeed Insights.

Tijdreeksvergelijking van websitesnelheid bij GTmetrix
Niet afgebeeld: de tijdreeksanalyse van de potentiële analyses. Deze zijn echter in eerste instantie niet relevant voor de snelheid van de website.

2) Voor de videoanalyse - de enige echte indicatie van de waargenomen laadtijd van de pagina - worden helaas kosten in rekening gebracht.

Nu komen we eindelijk bij de functie die GTmetrix zo bijzonder waardevol maakt. En ook beter dan Pingdom, bijvoorbeeld: de videofunctie. In zo'n video wordt de paginastructuur getoond. Logisch. Maar deze eenvoudige truc maakt een duidelijk onderscheid mogelijk tussen de gemeten laadtijd en de waargenomen laadtijd. Helaas is de tool alleen toegankelijk na registratie bij GTmetrix (en waarschijnlijk alleen na aankoop van de dienst). Dat hoeft niet, want webpagetest.org biedt deze videofunctie bijvoorbeeld gratis aan.

Conclusie: Voor een echte professionele meting zijn gegevens nodig over de waargenomen laadtijd.

Voor de analyse van de laadtijd en vooral de laadtijdervaring van de gebruikers is de videofunctie elementair. Omdat het vergelijkingen mogelijk maakt op een niveau dat geabstraheerd is van louter gegevens. We kunnen alleen tests aanbevelen die videoanalyse mogelijk maken. Want onder bepaalde omstandigheden is de gemeten laadtijd vrij hoog, maar is de waargenomen laadtijd absoluut te rechtvaardigen. Dankzij de waarde kun je niet alleen beter begrijpen hoe klanten of gebruikers je aanbod ervaren, maar ook of pagina-optimalisatie überhaupt de moeite waard is wat betreft de prestaties. Onder bepaalde omstandigheden loont het meer om te investeren in conversieoptimalisatie dan in de laadtijd van de pagina.

Al met al is GTmetrix nog een goed hulpmiddel om de laadtijd van pagina's te meten. Het biedt iets meer informatie dan Pingdom, want de gratis versie van GTmetrix bevat twee mogelijke analyses. De echt interessante functies zijn verborgen achter de paywall, maar ze zijn in principe beschikbaar, zodat je met GTmetrix de prestaties van je site heel goed kunt begrijpen en ook de ontwikkeling ervan kunt volgen.

Voor ons is GTmetrix echter niet de nummer één van de gratis tools. Want het kan nog beter: webpagetest.org is voor ons de non-plus-ultra van de gratis meetinstrumenten. Het gereedschap stelt echter ook de hoogste eisen aan de gebruiker.

Heb je ervaring met andere meetinstrumenten die misschien nog betere gegevens opleveren?

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. Verplichte velden zijn gemarkeerd met *.