Hur snabbt laddas min webbplats? Detta är en av de centrala frågorna inom prestanda, UX och sökmotoroptimering. När du svarar på den här frågan bör du lita på rätt verktyg. Eftersom bara ett fåtal verktyg ger riktigt bra data.

På nätet finns några bra översiktsartiklar om verktyg med vilka prestanda och laddningstid på din egen webbplats kan mätas enkelt och framför allt gratis. Dessa översikter är till stor hjälp, men de gör ofta ett misstag som kan leda till mer förvirring än tydlighet. De jämför två till tre helt olika typer av verktyg med varandra och går ibland inte in tillräckligt i detalj om skillnaderna.

Detta kan sedan leda till försök att göra prestandajämförelser med helt olämpliga data. Synd, för om du mäter med rätt verktyg sparar du mycket tid och problem.

En skillnad bör vara känd när man mäter en webbplats prestanda: skillnaden mellan potentiella analyser och verktyg som mäter laddningstiden för en webbplats. Den första gruppen innehåller tester som Google PageSpeed Insights och Yahoos YSlow. Dessa verktyg anger hur väl den testade webbplatsen uppfyller kraven för snabb sidladdning. Båda ger utmärkt input för optimering på sidan. Sådana tester mäter dock inte laddningstiden för din webbplats.

Men för det mesta vill du veta exakt det: Hur lång tid tar det min webbplats att bygga, interagera med den, tjäna pengar? Och här är kaninen i peppar: Vad vi vet finns det faktiskt bara två gratisverktyg som ger riktigt bra data här:

• webpagetest.org
• GTmetrix (tecken)

Därför kommer jag nedan att visa vad mätverktygen kan göra, hur du måste använda dem och tolka data så att du kan få ut det mesta av mätningarna.

Tre egenskaper gör ett mätverktyg särskilt värdefullt

De verktyg jag nämnde är så bra eftersom de ger särskilt värdefulla data. Detta innebär att mätresultaten:

• Består av resultaten av flera mätmetoder som kan jämföras.

• Var utdata i en hög detaljnivå.

• Kan justeras med olika inställningsalternativ.

I praktiken innebär det att du med ett bra mätverktyg kan ställa in hur det mäter webbplatsens laddningstid. Detta är främst valet av testservern och dess plats och ibland också valet av testwebbläsaren.

Detaljnivån på data innebär att inte bara tider bara matas ut, utan att det som faktiskt mättes beskrivs i detalj. Två verktyg kan förstå "laddningstid" annorlunda. Ännu bättre är naturligtvis när enhetliga termer används, till exempel Time to First Byte.

Och slutligen är det bra om inte bara laddningstiden för din webbplats mäts, men samtidigt visas information om antalet HTTP-förfrågningar, storleken på de laddade datapaketen eller resultaten av potentiella analyser. Så du kan snabbt se vilka skruvar du kan vrida för att optimera laddningstiden.

Andra verktyg som vi känner till erbjuder sådana möjligheter endast i begränsad utsträckning eller inte alls och kan därför leda till förståelse och därmed till tolkningsproblem. För dig innebär dock dessa fördelar också en avgörande nackdel: Uppgifterna är inte alls lika lätta att förstå som till exempel resultaten från Google PageSpeed Insights.

Mätdata är inte alltid lätta att läsa

Den mest avskräckande delen är verkligen det så kallade vattenfallsdiagrammet. Men det är just detta som ger särskilt viktiga uppgifter. Därför är det värt om du tittar närmare på diagramtypen.

I det här inlägget kommer jag först att förklara WebPageTest mer detaljerat. Ett verktyg som snabbt kan ge mycket informativ information om din webbplats och även mäter laddningstiden för din webbplats.

Min favorit: WebPageTest

webpagetest.org är snabb och mycket enkel att använda. I grund och botten behöver du bara göra två saker:

• först anger du domänen som ska testas

• välj sedan serverplatsen

Serverplatsen är - förutom valet av webbläsaren som ska testas - en av de viktigaste inställningarna för att förstå hur och hur snabbt din webbplats byggs upp i olika regioner i världen. För sådana tester anger serverplatsen var din hastighetswebbplats nås från.

Speciellt när du jämför prestanda, se alltid till att använda samma serverplats. Detta är det enda sättet du kan jämföra resultaten på ett meningsfullt sätt. För om laddningstiden för din webbplats mäts en gång från USA och en gång från Frankfurt, kommer laddningstiderna att skilja sig avsevärt.

När du startar testet matas tre stora datapaket ut efter en liten stund:

1. Kort översikt: Möjligheter och experiment
2. Uppmätta siffror på din webbplats: Observerade mätvärden
3. Enskilda testkörningar med vattenfallsdiagram

Den första delen "Möjligheter & Experiment" ger dig praktiska tips på vilka delar av din webbplats som fungerar bra och var det fortfarande finns utrymme för förbättringar.

Här kommer du att presenteras med recensioner och föreslagna lösningar för olika prestandarelevanta aspekter av din webbplats - liknande verktygen från Google eller Yahoo. Viktigt för förståelsen är: Här mättes inte webbplatsens laddningstid, utan potentialen för optimering av laddningstiden.

Webbplatsens laddningstid är den centrala parametern med vilken prestandajämförelser kan göras. Det är det direkta svaret på frågan: Hur snabbt laddas min webbplats? Antalet HTTP-förfrågningar är också väl lämpat för sådana jämförelser. Följande gäller: ju färre HTTP-förfrågningar, desto bättre.

Det andra avsnittet består av de uppmätta siffrorna, dvs. mätvärdena. Nedan är den visuella sidbelastningen i form av en serie bilder i steg om 100 ms. Detta kallas här också en "filmremsa". Bilder som visar en betydande förändring i sidstrukturen markeras i färg.

Den tredje delen visar en översikt över testkörningarna. Här är HTTP-förfrågningarna och innehållet på din webbplats uppdelade efter typ och källa. Så du kan snabbt se om en viss typ av innehåll, inklusive bilderna, tar mycket plats eller producerar många förfrågningar och saktar ner din webbplats.

Vattenfallsdiagrammet visar i detalj i vilken ordning begärandena körs och hur lång tid det tar att läsa in begärandena. Så vattenfallsdiagrammet är en detaljerad bild av din webbplats laddningstid.

Dessutom, i slutet av testresultaten, hittar du en legend som förklarar vad symbolerna och färgerna betyder.

I vårt fall ser du den första kontakten med servern högst upp och sedan laddningstiderna för de enskilda skripten.

På så sätt kan du titta på varje enskild begäran och jämföra den med ett annat mått. Så här avgör du om laddningstiden för din webbplats har förbättrats efter ett optimeringsmått och i så fall med vilken faktor.

Fördelar: snabb, relevant, informativ

Sammantaget är WebPageTest ett bra verktyg för att mäta laddningstiden för en webbplats. Du kommer snabbt att känna igen:

• Hur snabbt en webbplats laddas
• hur stor den är
• där den fortfarande har potential för optimering
• hur denna potential kan utnyttjas
• hur din webbplats är strukturerad

Om den här informationen om WebPageTest inte räcker till för dig rekommenderar jag att du går djupare in på djupet.

Var uppmärksam på upplevd laddningstid

Laddningstiden för en webbplats är viktig, ingen tvekan, för både upplevelsen och konverteringen. Men för människor är det inte den faktiska laddningstiden som är avgörande, utan webbplatsens upplevda hastighet - eller med andra ord tiden fram till den visuella konstruktionen av webbplatsen. Webbplatsen upplevs utan kunskap om de uppmätta värdena. Den upplevda laddningstiden är därför ett viktigt värde för att optimera konverterings- och avvisningsfrekvensen. Detta kan också mätas på ett tillförlitligt sätt.

Förhållandet mellan sidladdningstid och konverteringsfrekvens i butiker har studerats väl tidigare. Resultatet: varje sekund räknas. För i genomsnitt är människor otåliga. Till exempel kan en laddningstid som är en sekund längre resultera i en sju procent lägre konverteringsfrekvens.

Så med varje sekund som din webbplats laddas längre förlorar du försäljningen. Ett motgift kan vara över veckoptimering - eftersom detta mått minskar den upplevda laddningstiden, vilket i sin tur kan leda till bättre omvandlingsfrekvenser.

Din webbplats kan ladda tio, tolv eller tretton sekunder, men efter bara tre sekunder ser det ut som om den är fulladdad. Din webbplats skulle märkas mycket snabbare än den är.

Tidsserieanalys och videofunktion för upplevd laddningstid

1) Tidsserieanalysen

Att jämföra din webbplats laddningstid över flera dagar eller veckor kan vara mycket avslöjande. Till exempel om du optimerar din webbplats steg för steg under flera veckor.

2) Videoanalysen - den bästa indikationen på den upplevda sidladdningstiden

Videofunktionen eller bildserien, som tar en skärmdump med vissa intervall under laddningsprocessen, passar bäst för att mäta den upplevda laddningstiden. Du kan se hur lång tid det tar för en visuell representation att vara synlig. Logisk. Men detta enkla trick gör det möjligt att få en tydlig differentiering mellan den uppmätta och den upplevda laddningstiden. WebPageTest erbjuder den här funktionen i avsnittet "Observerade mätvärden" som en "Visuell sidladdningsprocess".

GTmetrix (tecken)

Jag skulle kort vilja diskutera GTmetrix här. I huvudsak kan de två verktygen WebPageTest och GTmetrix göra samma sak. Driften av GTmetrix är lika enkel som med WebPageTest: Du anger webbadressen till webbplatsen som ska testas och verktyget spottar ut resultatet efter några ögonblick. Nackdelen med detta:

• GTmetrix erbjuder endast en serverplats, Vancouver
• GTmetrix testar endast med Firefox

Detta innebär att GTmetrix mätresultat alltid gäller för en stationär dator som kör Firefox i Vancouver. Så länge du arbetar uteslutande med GTmetrix för din prestandamätning förringar detta inte resultaten. Men om du vill veta hur snabbt webbplatsen laddas för tyska besökare måste du använda ett annat verktyg.

Slutsats

För analys av laddningstiden är mätningen av laddningstidsupplevelsen också elementär. Eftersom det tillåter jämförelser på en nivå som abstraheras från bara data. Vi kan bara rekommendera tester som möjliggör videoanalys eller jämförbara funktioner. Under vissa omständigheter är den uppmätta laddningstiden ganska hög, men den upplevda laddningstiden är absolut motiverad. Värdet låter dig inte bara bättre förstå hur ditt erbjudande uppfattas, utan också om en optimering av webbplatsen med avseende på prestanda alls är värt. Eftersom det kan vara värt att investera mer i konverteringsoptimering än i webbplatsens laddningstid.

När det gäller prestandamätning är WebPageTest det ultimata av gratis mätverktyg för oss.

Vilka verktyg har du haft bäst erfarenhet av prestandaanalys hittills? Har du redan erfarenhet av andra mätverktyg som kan ge ännu bättre data?