Du känner inte till dessa två WebPagetest-funktioner ännu - men du bör använda dem regelbundet

Jan Hornung Senast uppdaterad den 21 oktober 2020
6 Min.
Jämföra webbsidor med webbsidestest

Webpagetest.org är förmodligen det bästa gratis verktyg för att mäta din sida laddningstid. Eftersom WebPagetest är mycket mer kraftfull än direkt konkurrens. Och detta är främst tack vare två funktioner: möjligheten att jämföra webbplatser och den långsiktiga jämförelsen.

Denna artikel är en del av en serie för att mäta och utvärdera laddningstiden för dina webbplatser. I de tidigare artiklarna har vi visat:

Idag ska jag visa dig två funktioner i Webpagetest som du förmodligen inte visste ännu. Detta beror på att verktyget är särskilt lämplig för prestanda jämförelser och en kontinuerlig utvärdering av din sida laddningstid.

Därför visar jag dig idag:

Andra viktiga mätvärden - Hastighetsindex, DOM-element och kostnader

Förutom standardvärdena– som Startåtergivning, Dokument komplett osv – ger Webpagetest även andra användbara nyckeldata som gör att du kan uppskatta effektiviteten på din sida. Dessa värden är viktiga så att du kan tolka verktygets resultat korrekt.

Exempelresultat av ett webbsidetest som visar de viktiga utökade egenskaperna
Exempelresultat av ett webbsidetest. Hastighetsindexet, antalet DOM-element och förfrågningarna är tre viktiga indikatorer på sidans övergripande resultat.

DOM-element: Ett DOM-element är, grovt sett, en HTML-byggsten. Ju mindre av dessa byggstenar din webbläsare behöver ladda, desto smalare och snabbare din sida kommer att bli. Antalet DOM-element är dock bara en indikation på sidans inläsningstid. Genom att göra ändringar i Plugins , men framför allt till Theme , kan antalet DOM-element minskas avsevärt.

Utdrag ur källkoden för en RAIDBOXES Blogginlägg
Varje element i HTML-brödtexten som är inneslutet i vinkelparenteser är ett DOM-element.

Förfrågningar: Det här värdet beskriver antalet enskilda HTTP-förfrågningar som din webbläsare måste göra till webbservern. En HTTP-begäran begär enskilda objekt, till exempel CSS-filer, JavaScript-filer eller bilder. Återigen är den teoretiska regeln att ju färre förfrågningar, desto bättre. Förresten ger din sidas vattenfallsdiagram dig alltid den bästa översikten över de HTTP-förfrågningar som laddas.

I praktiken spelar dock inte det faktiska antalet HTTP-förfrågningar en så stor roll. Åtminstone inte om din sida är SSL-krypterad och körs på en server som kör HTTP/2. Detta beror på att flera begäranden kan göras och läsas in samtidigt.

Hastighetsindex: Det här indexet beräknas av Webpagetest och är en indikator på den upplevda sidinläsningstiden. Värdet beskriver ett millisekkundervärde – det vill säga låga värden är bättre än höga – som anger hur snabbt och effektivt sidans synliga innehåll läses in. I princip använder Webpage test skärmdumpar av din sida för att avgöra användarupplevelsen och mäta den med ett tidsvärde. Om du är intresserad: Webpagetest har också formulerat en ekvationför detta.

Beräkningsgrund för Hastighetsindexet
Hastighetsindexet för webbsidestest är representerat och beräknat som ett område. Ju snabbare innehållet på din sida laddas, desto mindre områdesinnehåll och därmed hastighetsindex. Om du är intresserad av detaljerna: här Webpagetest listar all information om hur man beräknar hastighetsindex.

Speed Index passar bäst för jämförelser. Om ett optimeringsmått minskar indexet avsevärt har det tenderat att bli framgångsrikt och sidan upplevs som snabbare. Om din webbplats har ett mycket mindre hastighetsindex än konkurrenternas, kan du anta att din webbplats erbjuder besökarna en bättre surfupplevelse.

Kostnad: Detta värde är mer av en trevlig-att-ha. Det anger hur dyr din sida är när den laddas via mobila nätverk. Uppgifterna kommer från whatdoesmysitecost.com och ger ett genomsnitt för alla landtariffer som anges här. Använd den här funktionen för att visa kostnaden för mobilinläsning av din sida. Jag anser dock att detta värde är riktigt relevant i de flesta fall. Rätta mig om jag har fel här.

Den viktigaste funktionen av webbsidan test: Jämför flera webbsidor direkt

Om du mäter sidans inläsningstid finns det oftast två orsaker: antingen har du gjort en ändring och vill veta hur den påverkar laddningstiden eller också vill du jämföra din sida med andra.

Naturligtvis behöver du ett jämförande värde för ett sådant uttalande. Och det är precis vad visualjämförelse funktionenskapades för. På så sätt kan du direkt jämföra laddningstiden och laddningsbeteendet för flera webbadresser.

Med funktionen Visuell jämförelse kan du jämföra webbsidor direkt med varandra.
Du hittar jämförelsefunktionen precis intill standardanalysen av Webpagetest.

Med denna funktion kan du till exempel:

  • Jämför dina egna sidor med konkurrenternas
  • kontrollera vad hoster förändringen har fört
  • Testa två eller flera undersidor mot varandra
  • kontrollera hur snabbt delsidor läses in jämfört med startsidan

För direkt jämförelse behöver du bara namnge sidorna, infoga webbadresserna och köra testet med de tidigare inställda parametrarna.

För teständamål jämför vi två av våra produktsidor med varandra. Resultatet gör att du kan jämföra sidorna baserat på flera mätvärden. Den mest levande finns precis i början av resultatdokumentet: Filmtrip view. Här kan du se när besökaren uppfattar din sida som färdig (den relevanta egenskapen kallas Visuellt Komplett).

Referensvärdet kan också ändras så att även andra mätvärden, till exempel Fullt inlästa och Dokumentet är färdigt, kan visas.

Resultat om du jämför två webbsidor i test av webbsidor
Det mest belysande mätvärdet presenteras precis i början: Filmtrip view. Du kan konfigurera den från inställningarna i det nedre högra hörnet. Vattenfallsdiagrammen kan växlas fram och tillbaka via skjutreglaget till vänster över diagrammen.

Nedan hittar du fyra stapeldiagram som visar hur de testade sidorna kommer att jämföra filtbelastningstiden, de viktigaste laddningstiderna, antalet HTTP-förfrågningar och sidans storlek.

Med dessa mätvärden kan du med en blick se vilka av de testade sidorna laddas snabbare, är smalare och erbjuder besökaren en bättre upplevelse.

För Google-användare erbjuder webbsidan test också möjligheten till långsiktiga jämförelser

När du loggar in på Webpagetest med ditt Google-konto registreras de enskilda testerna. Detta ger dig möjlighet att visa och jämföra alla tester av det gångna året.

Långsiktiga jämförelser i webbsidestest för att jämföra flera versioner av en webbplats
Vår webbsida testhistorik av de senaste sju dagarna. När du loggar in med ditt Google-konto sparas dina tester och kan visas efteråt.

Denna översikt är extremt praktisk särskilt på grund av två funktioner: Du kan komma åt de historiska testdata genom att klicka på webbadressen. Det innebär att du kan se de fullständiga resultaten av alla tester av det senaste året.

Och du kan markera enskilda tester och jämföra dem för att snabbt få en överblick över utvecklingen av dina sidor.

Dom: Webbsida test är mycket mer kraftfull än andra gratis verktyg

Jämföra flera sidor direkt är säkert den mest kraftfulla inslag i webbsidan testning. Eftersom det gör att du kan titta på din sida i förhållande till tävlingen, till förebilder eller riktmärken industrin. De resultat du får är också väl förberedda och lätta att förstå för nyckeltal webbsidan test.

Tidsserieanalysen gör det också möjligt att få en heltäckande bild av utvecklingen av din sida laddningstid. Detta gör att du kan se exakt vilka optimeringsåtgärder eller ändringar som har påverkat din webbplats, dess laddningstid och användarupplevelsen.

Med dessa två funktioner kommer du att kunna fånga alla relevanta ändringar på dina sidor och, ännu viktigare, analysera dem.

Du vet fortfarande en användbar funktion i Webpagetest som vi glömde? Då ser vi fram emot din kommentar!

RAIDBOXER av den första timmen och Supportchef. På Bar och WordCamps, föredrar han att prata om PageSpeed och webbplats prestanda. Det bästa sättet att muta honom är med en espresso – eller bayerska Brezn.

Kommentarer om den här artikeln

Skriva en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *.