GTMetrix: de complete gids

De laadsnelheid van een webpagina hoort bij de criteria die de kwaliteit van een site bepalen. Ze telt dus mee om de positie te bepalen die Google de site geeft in de zoekresultaten (de SERP). Ze is dus een cruciale inzet: een vertraging van de weergave van enkele fracties van een seconde kan een belangrijk verlies veroorzaken op alle niveaus: ranking, verkeer, omzet… In een aanpak van optimalisatie van de organische ranking die de business moet laten groeien, is de eerste goede reflex dus de laadsnelheid van de site te analyseren om zo nodig corrigerende acties te nemen. Daar komen tools die de snelheid en de weergaveprestaties van een site meten, zoals GTMetrix, in het spel. Focus op deze handige SEO-tool!

Vooraf: de oorzaken van de vertraging van een site identificeren

Niet-tweetaligen mogen gerust zijn: GTMetrix is door iedereen bruikbaar, en deze gids bestaat om u dat te bewijzen. De acties die u moet uitrollen om resultaten te halen, vragen echter kennis van code en van websiteprogrammering. U zult dus minstens een beroep moeten doen op een ontwikkelaar om de aanbevelingen uit de GTMetrix-analyse te implementeren. Die focust op de oorzaken van de vertraging van een site, die meervoudig kunnen zijn.

Advertenties, beelden en Flash

De prestatie van de pagina’s van een website hangt van een groot aantal factoren af. In sommige gevallen veroorzaakt een hoog aantal HTTP-verzoeken, door een overdaad aan advertenties of slecht geoptimaliseerde beelden, moeilijkheden. In het algemeen: hoe zwaarder of hoe hoger de resolutie van de bronnen, hoe groter het gewicht van een pagina. En wanneer te veel verzoeken tegelijk worden verstuurd, kan dat blokkeringen of trage verwerking veroorzaken. De tool GTMetrix laat met name toe tests uit te voeren met of zonder het laden van de advertenties op een pagina, om hun eventuele impact op de laadtijd te observeren. De Flash-technologie, hoewel nuttig voor de interactiviteit van een pagina, veroorzaakt vertragingen die webmasters goed kennen, die sindsdien de voorkeur geven aan de functies van HTML5. De aanwezigheid van Flash op soms wat oudere sites kan dus een echte oorzaak van vertraging zijn en is sterk af te raden!

Technische problemen: encoding, scripts…

In andere gevallen kan het gaan om een meer technisch probleem rond JavaScript, de HTML-code, of een dieper probleem gekoppeld aan het CDN, het content delivery network. Het is vaak moeilijk de oorzaken van een vertraging exact te identificeren. Wat de oorsprong ook is, het is aanbevolen uw site te analyseren om de prestatie te verbeteren, en GTmetrix laat u helderder zien.

Hoe werkt GTMetrix?

Aanmaken van een gratis account

GTMetrix is een tool die veel functies gratis toegankelijk maakt. U kunt dus naar de webinterface gaan om uw site onmiddellijk te testen. Door u te identificeren, krijgt u meer opties wat de keuze van de locatie van de testservers en van bepaalde parameters betreft. Dankzij uw gebruikersaccount hebt u ook de mogelijkheid de creatie van regelmatige rapporten te automatiseren.

Het premiumaccount

Een GTMetrix-premiumaccount beschikt over de functie van videoanalyse (een vertraagde opname van het laden van de pagina, bron na bron) of de historiek van de tests. Het laat ook toe de resultaten van meerdere tests op één pagina te visualiseren. De grafiek die het voorstelt, vergemakkelijkt het begrip van de gegevens.

Snelheidstest van GTMetrix

Bij een test op GTMetrix toont de resultatenpagina de informatie over de context en de parametrering van die test: de gebruikte browser en de versie, de locatie van de server, de PageSpeed-score en de YSlow-score. Ze onthult ook het aantal verzoeken dat het laden van de pagina genereert, het gewicht van de pagina en de totale tijd voor het laden. Die naar voren gehaalde en met een kleurcode voorgeïnterpreteerde informatie geeft een eerste overzicht van de globale prestatie van de pagina.

PageSpeed en YSlow

Complementaire indicatoren

PageSpeed en YSlow zijn twee verschillende maar complementaire indicatoren in de analyse van pagina’s. Ze komen elk overeen met een gemiddelde, uitgedrukt in percentage, van de analyse van meerdere criteria. Elk van die twee indicatoren heeft een eigen tabblad dat de verschillende samenstellende criteria detailleert en ze in stijgende volgorde classificeert (de kleinste scores onthullen de meest problematische punten van de analyse). Een kleurcode laat ook toe in één oogopslag het belang van het criterium onder de oorzaken van vertraging te bepalen.

PageSpeed en YSlow geven zo toegang tot de lijst van criteria waaruit ze bestaan en tot de scores van 0 tot 100 van elk daarvan. Ze analyseren bijvoorbeeld de activering van Gzip-compressie, de minimalisatie van bronnen, de optimalisatie van de beeldgrootte, de grootte van JavaScript- en CSS-bronnen, de aanwezigheid van 404-headers…

Elk criterium levert de precieze locatie van de blokkerende punten en concrete aanbevelingen om op de site toe te passen. Men kent bijvoorbeeld de exacte bronnen die te zwaar worden geacht en hun gewicht, vergezeld van een instructie over de te voeren acties of het te bereiken doel (reductie van 15% bijvoorbeeld).

De andere tools van GTMetrix

De Waterfall

De Waterfall is een functie van GTMetrix die de exacte vertragingpunten van een pagina laat lokaliseren door de laadvolgorde van de bronnen in cascade te volgen. Alle verzoeken tijdens het laden worden na elkaar voorgesteld als een grafische balk die hun duur materialiseert. Bij hover over elke balk toont men gedetailleerde informatie over de samenstelling van de laadtijd.

Hier alle stappen waarlangs het laden van een bron kan gaan:

• DNS-zoekopdracht: de tijd om de DNS te vinden

• Verbinding: de tijd nodig om een verbinding te maken

• Blokkering: de tijd in de wachtrij van de browser

• Verzending: de vertraging van het versturen van de vraag

• Wachten: de tijd gewacht op het antwoord (vertraging tot de eerste byte)

• Ontvangst: de tijd nodig om content te downloaden

De Timings en de time to first byte, of TTFB

De leestabel van de bronnen in cascade stelt ook verticale, gekleurde referentiepunten voor, die overeenkomen met bepaalde strategische punten van het laden van de pagina: de blauwe verticale lijn komt overeen met het laadpunt van de DOM (Document Object Model), de programmeerinterface die scripts toelaat de content van de webbrowser te onderzoeken en te wijzigen. De rode lijn vertegenwoordigt het exacte moment waarop de pagina is geladen. Dankzij al die gegevens krijgt u een beter microzicht op het laden van uw pagina en op het gedrag van elke bron om tot de globale laadtijd van de pagina te komen.

Het tabblad Timings levert u een samenvatting van die precieze timings. Observeer met name de time to first byte (TTFB) of de snelheid waarmee de eerste byte wordt overgedragen, want die geeft u een idee van de snelheid van uw server. Als uw TTFB hoog blijft ondanks uw optimalisaties en de verbetering van andere parameters, moet u de analyse waarschijnlijk aan de serverkant verder duwen.

De prestatie van een site meten

Meerdere tests uitvoeren

GTMetrix is dus een doeltreffende SEO-tool om de laadtijd van een site te meten. Het laat toe tests te lanceren in meerdere configuraties door bepaalde parameters te wijzigen, zoals de verbindingssnelheid, het apparaat, de schermresolutie, de locatie van de server… Het resultaat van een test geldt dus alleen voor de gekozen configuratie, en het is beter meerdere tests uit te voeren met variërende parameters om een gemiddelde en realistische laadtijd te krijgen.

Het is ook aanbevolen die parameters te selecteren volgens de realiteit van uw gebruikers: dankzij Google Analytics kunt u weten welke apparaten uw bezoekers het meest gebruiken (merk en model van smartphone bijvoorbeeld), hun favoriete browsers om uw site te raadplegen, hun geografische locatie… U kunt zo uw tests personaliseren zodat ze zo representatief mogelijk zijn voor de echte ervaring van uw gebruikers.

Om die tests te vermenigvuldigen en hun betrouwbaarheid te verzekeren, spreidt u ze in de tijd volgens een programma van minstens een week. Let erop uw tests over meerdere tijdsloten van de dag te programmeren, om eventuele seizoensinvloed mee te nemen of piekuren te detecteren. De prestatie van een site evolueert de hele dag en hangt vaak af van de bezoekspitsen.

Op basis van de gegevens die in die verschillende tests zijn bewaard, kunt u de tragere periodes voor uw site identificeren, en GTMetrix levert u aanbevelingen en scores op elk geaudit punt: de optimalisatie van beelden, de staat van het JavaScript, van de CSS-sheets, van de HTML… U kunt ook een regelmatig rapport instellen in de meest courante configuratie en GTMetrix laat u toe dat in PDF te exporteren, het met andere te vergelijken…

De tests parametreren

Keuze van de testservers

Het risico bij de meeste gratis tests die de laadtijd beoordelen, is dat de geografische locatie van de server willekeurig is. Bijgevolg kunnen de resultaten van een in Frankrijk gelokaliseerde site toegetest door een server in Australië niet als betrouwbaar worden beschouwd als die geen content delivery network (CDN) heeft. Om de tests te optimaliseren, selecteert u op GTMetrix dus relevante servers, die uw site laten testen in de meest courante gebruiksvoorwaarden.

Keuze van de geolocalisatie

U moet de locatie van uw server kennen voor u de tests uitvoert. Vraag die desnoods aan uw domeinnaamleverancier. Parametreer de tests door servers te kiezen die geïnstalleerd zijn in de geografische zones waar uw doelgroepen en prospects zich bevinden.

Keuze van de doelpagina’s

Om de laadtijd van een site te testen, begint u met de homepage, en bevoordeelt u vervolgens uw strategische pagina’s, rijk aan content en die in de SERP verschijnen op zoekwoorden met hoge inzet. Zij dragen bij tot het verkeer van de site. U kunt zich ook concentreren op de landingspagina’s van de meest businessgerichte zoekopdrachten (gehaald uit Analytics). U hebt zo een overzicht van de hoofdpagina’s waarlangs internetgebruikers uw site binnenkomen en kunt de kwaliteit van hun gebruikerservaring beoordelen. Ons SEO-bureau kan u begeleiden om de SEO-prestaties van uw website te optimaliseren.

Keuze van de geavanceerde opties

GTMetrix stelt u geavanceerde parameters voor, en een doorgedreven personalisatie van bepaalde testconfiguraties. U kunt zo een andere DNS forceren, een nuttige functie met name om ontwikkelomgevingen te testen of tijdens migraties. U kunt versies van sites analyseren die door een http-identificatie zijn beschermd, door de identifiers en het wachtwoord in de tool in te voeren. U kunt pagina’s analyseren waarop de gebruiker ingelogd moet zijn, dankzij een lijst van personaliseerbare cookies. Tot slot kunt u twee lijsten van URL’s van goedgekeurde of verboden (blacklisted) bronnen invullen om hun weergave op de pagina wel of niet toe te laten en dus hun meenemen in de berekening van de laadtijd.

Samengevat is GTMetrix een vrij exhaustieve tool, zelfs in de gratis versie, en gewijd aan alle criteria die meetellen in de berekening van de laadtijd en de weergave van een pagina. Het laat u toe precieze en realistische tests te doen ten opzichte van uw gebruikersdoelgroep, de zwaarste bronnen te identificeren en de prioritaire acties te bepalen om deze cruciale KPI, de laadsnelheid, te verbeteren. Gebruik het regelmatig om te controleren dat uw optimalisatieacties vruchten afwerpen en observeer beetje bij beetje de verbetering van uw organische ranking!