Hoe websitesnelheidstests werken

Bijgewerkt: 2022-08-19 / Artikel door: Timothy Shim

U kent misschien het gezegde dat "een foto meer zegt dan duizend woorden". Welnu, het blijkt dat een enkele seconde ongeveer 3.4% van de conversies voor uw website waard is. Dat is een enorme hoeveelheid verloren zaken als gevolg van traag ladende pagina's. 

Dus hoe kun je bepalen of je website snel genoeg laadt? Website snelheid Tests zijn een geweldige manier om erachter te komen, maar er zijn veel verschillende tests die u kunt gebruiken.

Dit artikel geeft u informatie over het correct uitvoeren van snelheidstests, het interpreteren van de resultaten en het gebruiken van de informatie om de snelheid van uw website te verbeteren.


Kan uw website zware verkeersbelasting aan?
Een manier om erachter te komen: stresstest uw website met duizenden gelijktijdige verbindingen met Loadview. Nee codering vereist, 30 dagen gratis proefversie, test op 40+ echte browsers en apparaten, en nu gratis $ 20 testtegoed > Klik Hier

Hoe de websitesnelheid correct te testen

U kunt veel tools gebruiken om een ​​websitesnelheidstest uit te voeren. Sommige zullen u veel informatie geven, en sommige geven u misschien niet genoeg. De beste manier om de meest nauwkeurige resultaten te krijgen, is door een aantal tools te gebruiken of meerdere tests op dezelfde manier uit te voeren. 

Latentie verklaard
De reistijd van gegevens wordt beperkt door fysieke afstand. De werkelijke reactietijden van de server variëren voor verschillende serverlocaties.

Het is belangrijk om te onthouden dat resultaten vaak afhankelijk zijn van uw webserver locatie ten opzichte van het beginpunt van de test. Hoe verder deze twee uit elkaar liggen, hoe langer de tijd die gegevens nodig hebben om te reizen, wat mogelijk van invloed is op de snelheidstestresultaten.

Daarom moet je altijd kies een webserver in de buurt van de locatie waar u de meeste bezoekers verwacht. Een website die voornamelijk verkeer vanuit de VS levert, moet zich bijvoorbeeld ergens in de VS bevinden.

Als u zich richt op een wereldwijd publiek, kan het uitvoeren van een websitesnelheidstest vanaf verschillende testlocaties u een beter idee geven van hoe de afstand bezoekers van verschillende locaties beïnvloedt.

Ideale snelheidstestmethode voor servers

Uw testmethodologie moet verschillende runs omvatten en er ongeveer zo uitzien:

  1. Voer een test uit vanaf locatie 1 en herhaal dit 3 keer, waarbij u de resultaten van alle tests noteert.
  2. Herhaal het proces vanaf een andere testlocatie en registreer op dezelfde manier de gegevens. Ik raad je aan om te testen vanuit ten minste drie strategische gebieden; de VS, Europa en Azië.

Aanbevolen tools voor websitesnelheidstest

Voorbeeld van websitesnelheidstests
Voorbeeld - Websitesnelheidstests die we hebben gedaan voor onze testsites die worden gehost op Interserver (meer details hier) vanaf verschillende locaties met behulp van WebPageTest.org

De hulpprogramma's die de meeste informatie over de prestaties van uw site geven, gebruiken echte, menselijke bezoekers om de snelheid van uw website te testen. De Full Page Test van Pingdom gebruikt bijvoorbeeld echte browsers (IE9, Chrome en Firefox) op echte locaties (VS, Australië, Europa) om je site te laden en prestatierapporten te leveren.

Omdat het uw site als een complete entiteit test, inclusief alle objecten op de pagina, kan het suggesties bieden voor het verbeteren van de prestaties en inzicht geven in wat uw site zou kunnen vertragen.

Er zijn echter veel andere handige tools voor het testen van de websitesnelheid die u kunt overwegen, waaronder:

Voor een volledige lijst van deze tools, bekijk onze Lijst met gratis tools voor het testen van websitesnelheid.

Terminologie van snelheidstests begrijpen

Een websitesnelheidstest is op veel manieren nuttig, maar alleen als u begrijpt hoe u de resultaten kunt gebruiken. Alleen als u weet wat de gegevens betekenen, kunt u de juiste correcties doorvoeren om de prestaties van uw website te verbeteren.

Voordat we ingaan op het interpreteren van resultaten van snelheidstests, is het handig om bekend te zijn met enkele termen. Deze termen worden voornamelijk geassocieerd met netwerken.

Wachttijd

De tijd die nodig is voor alles wat er gebeurt tussen het moment dat u op een link klikt of een adres invoert in uw browser en wanneer u de resultaten op uw scherm ziet verschijnen. De standaard meting van Latency is in milliseconden (ms).

Ping

Ping, vaak verward met latentie, is een precieze term die wordt gebruikt om de tijd te beschrijven die een enkel gegevenspakket nodig heeft om uw computer te verlaten en zijn bestemming te bereiken. Net als latentie meet je Ping in ms.

Eerste byte of tijd tot eerste byte (TTFB)

TTFB is een meting die wordt gebruikt om de responsiviteit van een webserver aan te geven. U meet TTFB als de duur vanaf de gebruiker of client die een HTTP-verzoek doet tot de ontvangst van de eerste byte door de browser van de client. 

Pagina grootte

De grootte van een webpagina is de grootte van alle inhoud. Om een ​​webbrowser een webpagina volledig te laten laden, moet deze alle inhoud downloaden, inclusief: HTML code, afbeeldingen, stylesheets, enz. Hoe groter de som van deze inhoud, hoe meer tijd het kost om te laden.

Eerste Interactieve

De meeste webbrowsers stellen gebruikers in staat om activiteiten op een website uit te voeren voordat deze volledig zijn geladen. First Interactive is de hoeveelheid tijd op uw website voordat dit kan gebeuren.

Afhankelijk van de tool voor het testen van de websitesnelheid die u kiest, zult u waarschijnlijk meer termen tegenkomen. Waaronder:

En meer. Probeer zoveel mogelijk te weten te komen over wat deze termen betekenen als u van plan bent een test te gebruiken die de bovenstaande gegevens oplevert.

Resultaten van snelheidstest interpreteren

PageSpeed ​​Insights van Google biedt een snelle beoordeling van uw website prestaties.

Zoals je kunt zien aan de hand van de bovenstaande terminologie, kan het moeilijk zijn om één interpretatiemethode toe te passen op alle snelheidstesttools voor websites.

Daarom ga ik één tool als voorbeeld gebruiken - Google Page Speed ​​Insights.

Google PageSpeed ​​Insights is uitstekend omdat Google het biedt en hoogstwaarschijnlijk zal laten zien wat de zoekgigant verkiest. Het is ook uiterst gebruiksvriendelijk en geeft visuele resultaten en advies over het oplossen van ontdekte problemen.

Google test afzonderlijk voor mobiele en desktopprestaties en concentreert zich op vier belangrijke elementen: First Contentful Paint (FCP), First Input Delay (FID), Largest Contentful Paint (LCP) en Cumulative Layout Shift (CLS).

Elk getest gebied geeft een resultaat in seconden en een kwaliteitsindicatiebalk. Groen betekent goed, oranje betekent dat er verbetering nodig is en rood heeft meer urgente aandacht nodig.

Als u op de pagina naar beneden scrolt, krijgt u een overzicht van de afzonderlijke testgebieden en de factoren die hieraan bijdragen. U kunt dit gebruiken om chirurgische verbeteringen aan uw website aan te brengen.

Problemen met trage website-snelheidstestresultaten oplossen

Snelheidstestresultaatgegevens - Watervalgrafiek
Watervalgrafieken, meestal geleverd door de meeste geweldige snelheidstesttools, tonen gedetailleerde voortgang van het laden van webpagina-elementen, zodat u kunt zien wat meer tijd in beslag neemt. 

De meeste trage websites zijn het resultaat van vergelijkbare reeksen tekortkomingen. Hoge CLS-timings zijn bijvoorbeeld het gevolg van het niet goed optimaliseren van afbeeldingen. Gezien het aantal aandachtsgebieden is het echter onmogelijk om deze volledig te behandelen.

Enkele veelvoorkomende problemen en oplossingen zijn:

Verminder ongebruikt JavaScript

Dynamische websites (zoals die waarop wordt uitgevoerd) WordPress ) komen dit probleem vaak tegen. U kunt het probleem oplossen door een goede cache-plug-in te gebruiken om JavaScript-redundantie te verminderen.

Verminder de impact van code van derden

Veel websites zijn tegenwoordig modulair en gebruiken componenten van verschillende ontwikkelaars (bijvoorbeeld Google, Facebook, Fonts, etc.). Deze combinatie resulteert vaak in een gebrek aan samenhang dat de prestaties beïnvloedt. Stroomlijn uw website en gebruik zo min mogelijk verschillende codebronnen.

Verminder de initiële responstijd van de server

In wezen vertelt Google u dat uw webserver waardeloos is. ondermaats web hosting resulteert vaak in slechte snelheden, en er is weinig dat je kunt doen, behalve verhuizen naar een andere hostingprovider.

Afbeeldingselementen hebben geen expliciete breedte en hoogte

Veel website-eigenaren maken de fout om eenvoudig afbeeldingen te uploaden zonder verdere optimalisaties. Geef bij het uploaden van afbeeldingen de parameters op om verwarrende webbrowsers en vertragingen bij het laden te voorkomen.

Geef afbeeldingen weer in next-gen-indelingen

Voor afbeeldingen zijn niet alleen afmetingen belangrijk, maar ook het beeldformaat. Next-gen formaten zoals WebP verhogen de compressie, waardoor afbeeldingen sneller kunnen worden gedownload via internet.

Serveer statische activa met een efficiënt cachebeleid

Sommige inhoud wordt gedownload en bewaard in hun browser wanneer bezoekers uw website laden. Dit proces helpt de prestaties voor herhaalde bezoeken te verbeteren. Door cachebeleid in te stellen, weten browsers hoe lang ze die afbeeldingen moeten bewaren voordat ze een verzoek herhalen.

Vermijd een buitensporige DOM-grootte

DOM verwijst naar de grootte van uw webpagina. Als u een overmatige DOM-waarschuwing krijgt, moet u overwegen de pagina te stroomlijnen. U kunt dit op veel manieren doen, zoals het aantal afbeeldingen op de pagina verminderen of minder secties gebruiken.

Vermijd grote lay-outverschuivingen

Dynamische websites genereren on-the-fly paginasecties. Wanneer u veel van deze aanpasbare elementen op een pagina heeft, zal de lay-out vaak verschuiven, wat resulteert in een slechte gebruikerservaring. Definieer waar mogelijk pagina-elementen goed.

De mogelijkheden zijn eindeloos. Voordat u deze problemen één voor één probeert op te lossen, raad ik u aan om uw website grondig te optimaliseren. Er zijn veel universeel geaccepteerde prestatieverbeteringen die website-eigenaren moeten implementeren.

Lees voor meer informatie de WHSR-gids op het verbeteren van de prestaties van uw website.

Laatste gedachten over snelheidstests voor websites

Websitesnelheidstests zijn een geweldige manier om een ​​momentopname te krijgen van de prestaties van uw website. Deze tools zijn gebruiksvriendelijk en bieden over het algemeen relatief nauwkeurige gegevens. Het helpt natuurlijk ook dat veel uitstekende tools voor het testen van de websitesnelheid gratis zijn.

Het is echter essentieel om te onthouden dat het operatieve woord in de bovenstaande uitspraken 'momentopname' is. Websitesnelheidstesten zijn statisch en kleine wijzigingen aan uw website kunnen de resultaten aanzienlijk veranderen. Daarom is het beter om periodieke prestatiebeoordelingen van uw website in te plannen en nieuw ontdekte problemen zo snel mogelijk op te lossen.

Lees meer

Over Timothy Shim

Timothy Shim is een schrijver, redacteur en tech nerd. Begonnen zijn carrière op het gebied van informatietechnologie, vond hij snel zijn weg in druk en heeft sindsdien gewerkt met internationale, regionale en nationale mediatitels zoals ComputerWorld, PC.com, Business Today en The Asian Banker. Zijn expertise ligt op het gebied van technologie, zowel vanuit het oogpunt van de consument als van de onderneming.