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

Jan Hornung 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 kraftfullare ä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.

Den här artikeln ä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 att du förmodligen inte visste ännu. Detta beror på att verktyget är särskilt lämpligt för prestandajämförelser och en kontinuerlig utvärdering av sidans laddningstid.

Det är därför jag visar dig idag:

Andra viktiga mått - Hastighetsindex, DOM-element och kostnader

Utöver standardvärdena - som Start Render, Document Complete, etc. – Webbsida test ger också andra användbara viktiga data som gör att du kan uppskatta effektiviteten på din sida. Dessa värden är viktiga så att du kan tolka verktygets resultat korrekt.

Exempel på resultatet av ett webbsidestest som visar de viktiga utökade egenskaperna
Exempel på resultatet av ett webbsidestest. Hastighetsindex, antalet DOM-element och begäranden är tre viktiga indikatorer på sidans övergripande prestanda.

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 laddningstid. 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.

Begäranden: Det här värdet beskriver antalet enskilda HTTP-begäranden som webbläsaren måste göra på 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, Diagram över vattenfall sidan har alltid den bästa översikten över de HTTP-begäranden som läses in.

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

Hastighet Index:Detta index beräknas av Webpagetest och är en indikator på den upplevda sidans inläsningstid. Värdet beskriver ett millisekundvärde – det vill än låga värden är bättre än högt – som anger hur snabbt och effektivt sidans synliga innehåll läses in. I princip använder webbsida 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å en Ekvationen formulerad.

Beräkningsgrund för hastighetsindex
Hastighetsindexet för webbsidestest representeras och beräknas som ett område. Ju snabbare innehållet på sidan läses in, desto mindre blir områdesinnehållet och därmed hastighetsindexet. Om du är intresserad av detaljerna: här visar en webbplatstest all information om beräkningen av hastighetsindexet.

Hastighetsindex är bäst för jämförelser. Om ett optimeringsmått avsevärt minskar indexet har det tenderat att lyckas och sidan uppfattas som snabbare. Om din webbplats har en mycket mindre hastighet index ä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 visar hur dyr din sida är när den laddas över mobila nätverk. Uppgifterna kommer från whatdoesmysitecost.com och ge ett genomsnitt för alla landspriser som anges här. Använd den här funktionen om du vill visa kostnaden för mobil inläsning av din sida. Jag anser dock att detta värde är verkligt relevant i de flesta fall. Rätta mig om jag har fel här.

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

Om du mäter sidans laddningstid finns det vanligtvis två orsaker: antingen har du gjort en ändring och vill veta hur det påverkar laddningstiden eller så vill du jämföra sidan med andra.

Naturligtvis behöver du ett jämförande värde för ett sådant uttalande. Och det är precis vad "Visuell jämförelse" skapas. 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 bredvid standardanalysen av Webpagetest.

Med den här funktionen kan du till exempel:

  • Jämför dina egna sidor med dina konkurrenters
  • kontrollera vad värdändringen har medfört
  • Testa två eller flera undersidor mot varandra
  • kontrollera hur snabbt undersidor 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 parametrarna.

För teständamål vi jämför två av våra produktsidor med varandraMed resultatet kan du jämföra sidorna baserat på flera mått. Den mest levande kan hittas direkt i början av resultatdokumentet: Filmstrip 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ått, till exempel Fullständigt inlästa och Dokument complete, kan visas.

Resultat om du jämför två webbsidor i webbsida test
Det mest belysande måttet presenteras direkt i början: Filmstrip 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 filtladdningstiden, de viktigaste laddningstiderna, antalet HTTP-begäranden och sidans storlek.

Med dessa mått kan du snabbt se vilken av de testade sidorna som läses in snabbare, är smalare och ger besökaren en bättre upplevelse.

För Google-användare erbjuder webbsidestest 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 senaste året.

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

Denna översikt är mycket praktiskt, särskilt på grund av två funktioner: Du kan komma åt 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 med att snabbt få en överblick över utvecklingen av dina sidor.

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

Jämföra flera sidor direkt är verkligen den mest kraftfulla inslag i webbsida testning. Eftersom det gör att du kan titta på din sida i förhållande till konkurrensen, till förebilder eller branschriktmärken. De resultat du får är också väl förberedda och lätta att förstå för webbsida testförhållanden.

Tidsserieanalysen gör det också möjligt att få en heltäckande bild av utvecklingen av din sida laddningstid. På så sätt kan du se exakt vilka optimeringsmått 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 för den första timmen och supportchef. På Bar och WordCamps föredrar han att prata om PageSpeed och webbplatsprestanda. Det bästa sättet att muta honom är med en espresso - eller bayerska Brezn.

Kommentarer om den här artikeln

Skriv en kommentar

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