U kende deze twee WebPagetest-functies nog niet - maar u moet ze wel regelmatig gebruiken

Jan Hornung Bijgewerkt op 21.10.2020
6 Min.
Websites vergelijken met Webpagetest

Webpagetest.org is waarschijnlijk het beste gratis hulpmiddel voor het meten van de laadtijd van uw pagina. Want WebPagetest is veel krachtiger dan zijn directe concurrenten. En dat is vooral te danken aan twee functies: De mogelijkheid om websites te vergelijken en de vergelijking op lange termijn.

Dit artikel maakt deel uit van een serie om de laadtijd van uw webpagina's te meten en te evalueren. In de vorige artikelen hebben we dat laten zien:

Vandaag zal ik u twee functies van Webpagetest laten zien die u waarschijnlijk nog niet kende. Omdat de tool vooral geschikt is voor prestatievergelijkingen en een continue evaluatie van de laadtijd van uw pagina's.

Dat is waarom ik je vandaag ga laten zien...

Andere belangrijke meetgegevens - Snelheidsindex, DOM-elementen en kosten

Naast de standaardwaarden - zoals Start Render, Document Complete etc. - Webpagetest geeft u ook andere nuttige kerngegevens waarmee u de efficiëntie van uw site kunt beoordelen. Deze waarden zijn belangrijk om de resultaten van de tool correct te kunnen interpreteren.

Voorbeeldresultaat van een webpage-test, die de belangrijke uitgebreide kenmerken laat zien
Voorbeeldresultaat van een webpage-test. De snelheidsindex, het aantal DOM-elementen en het aantal aanvragen zijn drie belangrijke indicatoren voor de algemene prestaties van uw site.

DOM-elementen: Een DOM-element is, grofweg, een HTML-module. Hoe minder uw browser nodig heeft om deze bouwstenen te laden, hoe slanker en sneller uw pagina zal zijn. Daarom is het aantal DOM-elementen slechts een indicatie van de laadtijd van de pagina. Het aantal DOM-elementen kan aanzienlijk worden verminderd door het veranderen van de Plugins, maar vooral de Theme, .

Uittreksel uit de broncode van een blogberichtRAIDBOXES
Elk element van het HTML-lichaam dat tussen haakjes staat, is een DOM-element.

Verzoeken: Deze waarde beschrijft het aantal individuele HTTP-aanvragen die uw browser moet doen aan de webserver. Een HTTP-verzoek wordt gebruikt om individuele elementen zoals CSS-bestanden, JavaScript-bestanden of afbeeldingen op te vragen. Theoretisch gezien, hoe minder verzoeken, hoe beter. Trouwens, de Watervaldiagram van uw site heeft altijd het beste overzicht van de HTTP-verzoeken die worden geladen.

In de praktijk is het werkelijke aantal HTTP-verzoeken echter niet zo belangrijk. Tenminste niet als uw site SSL-gecodeerd is en gehost wordt op een server met HTTP / 2 loopt. Dit komt omdat dan meerdere verzoeken tegelijkertijd kunnen worden uitgevoerd en geladen.

Snelheidsindex: Deze index wordt berekend door Webpagetest en is een indicator voor de waargenomen laadtijd van de pagina. De waarde beschrijft een milliseconde-waarde - lage waarden zijn dus beter dan hoge - die aangeeft hoe snel en efficiënt de zichtbare inhoud van uw pagina wordt geladen. In principe bepaalt de Webpagetest de gebruikerservaring via screenshots van uw site en meet deze met een tijdswaarde. Als u geïnteresseerd bent: Webpagetest heeft ook een Vergelijking geformuleerd.

Berekeningsbasis van de snelheidsindex
De Snelheidsindex van de Webpage-test wordt weergegeven en berekend als een gebied. Hoe sneller de inhoud van uw pagina wordt geladen, hoe kleiner het gebied en dus de Snelheidsindex. Als u geïnteresseerd bent in de details: hier Webpagetest geeft een overzicht van alle informatie over de berekening van de snelheidsindex.

De Snelheidsindex is het meest geschikt voor vergelijkingen. Als een optimaliseringsmaatregel leidt tot een aanzienlijke verlaging van de index, heeft deze de neiging om succesvol te zijn en wordt de pagina als sneller ervaren. Als uw site een aanzienlijk lagere snelheidsindex heeft dan de concurrentie, kunt u ervan uitgaan dat uw site de bezoekers een betere surfervaring biedt.

Kosten: Deze waarde is eerder een leuk om te hebben. Het geeft aan hoe duur uw site is als deze via mobiele netwerken wordt geladen. De gegevens komen van whatdoesmysitecost.com en vormen een gemiddelde waarde voor alle hier vermelde landtarieven. Met deze functie kunt u de kosten voor het mobiel laden van uw site zien. Maar ik denk dat deze waarde in de meeste gevallen niet echt relevant is voor optimalisatie. Corrigeer me alsjeblieft als ik het mis heb.

De belangrijkste functie van Webpagetest: Vergelijk verschillende websites direct

Als u de laadtijd van uw pagina meet, zijn er meestal twee redenen: Ofwel hebt u een wijziging aangebracht en wilt u weten welk effect dit heeft op de laadtijd, ofwel wilt u uw pagina met anderen vergelijken.

Natuurlijk heb je een vergelijkende waarde nodig voor zo'n uitspraak. En dat is precies wat de functie "visuele vergelijking" gemaakt. Want daarmee kun je direct de laadtijd en het laadgedrag van meerdere URL's vergelijken.

Met de Visual Comparison-functie kunt u websites direct met elkaar vergelijken.
U vindt de vergelijkingsfunctie direct rechts van de Webpage-test-standaardanalyse.

Met deze functie kunt u bijvoorbeeld:

  • vergelijk uw eigen pagina's met die van de concurrentie
  • Controleer wat de hosterwissel heeft opgeleverd...
  • twee of meer subpagina's tegen elkaar te testen
  • Controleer hoe snel de subpagina's worden geladen in vergelijking met de startpagina.

Voor de directe vergelijking hoeft u alleen de pagina's een naam te geven, de URL's in te voegen en de test uit te voeren met de eerder ingestelde parameters.

Voor testdoeleinden we vergelijken twee van onze productpagina's met elkaarHet resultaat laat u toe om de pagina's te vergelijken aan de hand van verschillende metrieken. De meest beschrijvende staat aan het begin van het resultatendocument: The Filmstrip View. Hier kunt u zien wanneer de bezoeker uw pagina als volledig geladen waarneemt (de relevante metriek heet Visually Complete).

De referentiewaarde kan ook worden gewijzigd zodat andere kenmerken, zoals Fully Loaded en Document Complete, ook kunnen worden weergegeven.

Resultaat, als je twee websites vergelijkt in Webpagetest
De meest beschrijvende metriek wordt aan het begin gepresenteerd: De filmstripweergave. U kunt het nog steeds configureren via de instellingen in de rechter benedenhoek. De watervaldiagrammen kunnen worden omgeschakeld met de schuifregelaar links boven de diagrammen.

Hieronder vindt u vier staafdiagrammen die u laten zien hoe de geteste pagina's presteren in termen van waargenomen laadtijd, de belangrijkste laadtijden, het aantal HTTP-verzoeken en de grootte van de pagina.

Met deze gegevens kunt u in één oogopslag zien welke van de geteste pagina's sneller laden, slanker zijn en de bezoeker een betere ervaring bieden.

Voor Google-gebruikers biedt Webpagetest ook de mogelijkheid van lange termijn vergelijkingen

Wanneer u zich aanmeldt bij de Webpage-test met uw Google-account, wordt elke test opgenomen. Dit geeft u de mogelijkheid om alle testen van het afgelopen jaar te bekijken en te vergelijken.

Lange termijn vergelijkingen in Webpagetest om verschillende versies van een website te vergelijken
Onze webpagina testgeschiedenis van de laatste zeven dagen. Wanneer u zich aanmeldt met uw Google-account, worden uw tests opgeslagen en kunnen ze later worden bekeken.

Dit overzicht is uiterst praktisch vanwege twee functies: U kunt de historische testgegevens opvragen door op de URL te klikken. Dat betekent dat u de volledige resultaten van alle tests van het afgelopen jaar kunt zien.

En u kunt individuele tests beoordelen en met elkaar vergelijken om een snel overzicht te krijgen van de ontwikkeling van uw pagina's.

Conclusie: Webpagetest is veel krachtiger dan andere gratis tools

De directe vergelijking van meerdere pagina's is zeker de krachtigste functie van Webpagetest. Het stelt u in staat om uw site te zien in relatie tot uw concurrenten, rolmodellen of industrie benchmarks. De resultaten die u krijgt zijn - voor webpage-testcondities - ook goed voorbereid en gemakkelijk te begrijpen.

Met de tijdreeksanalyse kunt u ook een uitgebreid beeld krijgen van de ontwikkeling van de laadtijd van uw pagina. Zo kunt u precies zien welke optimaliseringsmaatregelen of -wijzigingen invloed hebben gehad op uw pagina, de laadtijd en de gebruikerservaring.

Met deze twee functies kunt u alle relevante wijzigingen van uw pagina's vastleggen en, nog belangrijker, analyseren.

Weet je nog een andere nuttige functie van Webpagetest die we vergeten zijn? Dan kijken we uit naar uw commentaar!

RAIDBOXER van het eerste uur en Head of Support. Bij Bar- en WordCamps praat hij het liefst over PageSpeed en website-performance. De beste manier om hem om te kopen is met een espresso - of Beierse Brezel.

Gerelateerde artikelen

Commentaar op dit artikel

Schrijf een opmerking

Je e-mail adres wordt niet gepubliceerd. Verplichte velden zijn met * gemarkeerd.