I hjärtat av en bra prestationsanalys

Jan Hornung Senast uppdaterad den 15 jan 2021
4 Min.
WordPress Optimera

För ett framgångsrikt onlineföretag eller blogg är det viktigt att du vet hur snabbt din sida laddas. Och hur du WordPress optimeras i detta avseende. Bra analysverktyg ger dock mycket data. Särskilt vattenfallsdiagrammen är inte lätta att läsa. Idag ska jag visa dig tre enkla knep för att få dig ur din prestationsanalys med bara en blick och WordPress på rätt ställen.

När jag först började ta itu med ämnet WordPress optimering, jag använde webpagetest.org för första gången. På den tiden blev jag bokstavligen dödad av resultaten. Framför allt verkar vattenfallsdiagrammet först som ett okompatiabelt och beställningsbart datadjur: färger, siffror, staplarnas längd, deras ordning, allt har en mening.

Därför kan diagrammen också avslöja dig många värdefulla saker om din sida. Om du vet vad du behöver leta efter.

Idag ska jag visa dig hur du fångar viktiga nyckeldata för din sidbelastningstid med tre enkla knep i korthet och så WordPress på rätt ställen.

Jag ska visa dig:

  • känna igen en långsam webbserver
  • hur man känner igen okomprimerade bilder och för stora filer
  • så här ser du om servern stöder HTTP/2

Imitation rekommenderas

Mycket av de data jag ska visa dig idag kommer från webpagetest.org. Vattenfallsdiagrammen för detta verktyg är särskilt komplexa, men erbjuder också mycket inblick i din sida.

Om du vill förstå testresultaten klickar du bara här och tittar på data helt i webbsidestestet.

Om du vill optimera din egen sida med hjälp av en analys av webbsidestest måste du vara medveten om att varje testkörning bara är en ögonblicksbild. Om du vill ha riktigt motståndskraftiga resultat, råder jag dig att göra minst tre tester. På så sätt förlorar du chansen att mäta avvikande värden och få en bättre databas för viktiga beslut.

WordPress optimera - vattenfallsdiagram
Detta är bara den första tredjedelen av vattenfallsdiagrammet för raidboxes.de. Och redan här blir det tydligt att diagrammet inte är lätt att penetrera.

Så här känner du igen en långsam webbserver

Det viktigaste värdet för att utvärdera serverns svarstid är den så kallade Time to First Byte (TTFB). TTFB är den tid som förtäcks tills den första databytet hämtas från webbservern. Så under den här tiden händer nästan ingenting. Åtminstone ingenting som din besökare kan uppfatta som en sidstruktur. Därför måste tiden till första byte hållas så låg som möjligt.

Kolla in den första begäran i ditt vattenfallsdiagram. Detta bör vara så kort som möjligt. Helst mindre än 200 millisekunder.

Den första begäran från din webbplats bör vara så kort som möjligt. Bäst under 200 ms.

Det här exemplet illustrerar vad jag menar: Innan du flyttar till oss hade den här kundsidan ibland en TTFB på mer än 3,5 sekunder. Efter flytten var det långt under 200 ms. Särskilt det ljusblå området i den första begäran har minskat kraftigt.

Innan:

WordPress optimera - Exempel på extremt lång tid till första byte

Med RAIDBOXES :

WordPress optimera - Tid till första byte med RAIDBOXES

Så om du regelbundet ställer in en mycket hög tid till första byte i din WordPress projekt skulle ett optimeringsmått vara en värd ändring eller en motsvarande uppgradering av din värd plan.

Identifiera för stora bilder och resurser

Varje rad i vattenfallsdiagrammet representerar en så kallad begäran. Så en begäran från webbläsaren till webbservern. Denna begäran innehåller också nedladdning av datapaket, till exempel bilder. I exemplet nedan motsvarar den lila delen av staplarna nedladdningstiden.

WordPress optimera - känna igen för stora bilder

Du förstår: Bilderna på denna sida laddas med nästan 12, tre och nästan nio sekunder mycket långa. En tydlig indikation på okomprimerade bilder.

Långa lila staplar är en tydlig indikation på brist på bildkomprimering.

Webbsidestestet visar exakt vilken resurs det är för varje begäran. Detta gör det enkelt att ta reda på vilken bild av din WordPress sidan är för stor och bör optimeras.

Naturligtvis gäller detta också alla andra filtyper som webpagetest visar. Så e..CSS och JavaScript. Dessa filer kan också komprimeras, vilket minskar sidans laddningstid igen.

Identifiera HTTP/2

Om du vill veta om din WordPress projekt dra nytta av den särskilt snabba HTTP / 2-standarden, då kan du se detta med bara en blick på vattenfallsdiagrammet.

Om sidans begäranden behandlas parallellt är HTTP/2 aktivt.

Och denna fras illustrerar också mycket fint vad HTTP / 2 faktiskt gör. Om din sida är SSL-krypterad kan du med HTTP/2 behandla flera webbserverbegäranden samtidigt. Detta minskar den totala inläsningstiden.

Här är en tom WordPress sida utan SSL:

WordPress optimera - Vattenfallsdiagrammet för en WordPress sida utan HTTP/2

Och här samma sida med SSL-certifikat, så också med HTTP / 2:

WordPress optimera - vattenfallsdiagram över en tom WordPress sida med HTTP/2

Du förstår: i det första fallet läses de enskilda begärandena in efter varandra. I det andra fallet, å andra sidan, de flesta av dem samtidigt.

Visserligen: a WordPress -sidooptimeringsalternativ är inte tillgängligt här. Det är bäst att fråga din webbhotell om http / 2 används.

Slutsats: Var inte rädd för diagrammet!

Med lite övning och rätt kunskap kan du dra mycket information från ett vattenfallsdiagram. Du kan se om webbplatsen drar nytta av vissa tekniker, hur snabbt webbservern svarar och om sidan döljer laddningstidsbromsar. Om du vill WordPress analyserar och optimerar sidor på ett omfattande sätt, så att det inte finns någon väg runt vattenfallsdiagrammen.

Vet du fler knep för att snabbt upptäcka typiska laddningstidsbromsar? Följ alltid med!

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