Pro úspěšnou online firmu nebo blog je nezbytné, abyste věděli, jak rychle se vaše stránka načte. A jak vy WordPress optimalizovány v tomto ohledu. Dobré analytické nástroje však poskytují velké množství dat. Zejména vodopádové diagramy nejsou snadno čitelné. Dnes vám ukážu tři jednoduché triky, jak vás dostat z analýzy výkonu jedním pohledem a WordPress na správných místech.
Když jsem se poprvé začal zabývat tématem WordPress optimalizace, také jsem webpagetest.org poprvé použil. V té době jsem byl doslova zabit výsledky. Především vodopádový diagram nejprve vypadá jako nekompatibilní a spořádaná datová bestie: barvy, čísla, délka tyčí, jejich pořadí, všechno má význam.
Proto vám diagramy mohou také odhalit spoustu cenných věcí o vaší stránce. Pokud víte, co potřebujete hledat.
Dnes vám ukážu, jak zachytit důležitá klíčová data doby načítání stránky pomocí tří jednoduchých triků na první pohled a tak WordPress na správných místech.
Konkrétně vám ukážu:
- jak rozpoznat pomalý webový server
- jak rozpoznat nekomprimované obrázky a příliš velké soubory
- jak zjistit, zda server podporuje protokol HTTP/2
Doporučená imitace
Mnoho dat, která vám dnes ukážu, pochází z webpagetest.org. Vodopádové diagramy tohoto nástroje jsou obzvláště složité, ale také nabízejí spoustu vhledu do vaší stránky.
Pokud chcete porozumět výsledkům testů, stačí kliknout sem a podívat se na data zcela v testu webové stránky.
Chcete-li optimalizovat vlastní stránku pomocí analýzy testu webové stránky, musíte si uvědomit, že každé testovací spuštění je pouze snímek. Pokud chcete opravdu odolné výsledky, doporučuji vám udělat alespoň tři testy. Tímto způsobem ztratíte šanci měřit odlehlé hodnoty a získat lepší datovou základnu pro důležitá rozhodnutí.
- Toto je pouze první třetina vodopádového diagramu pro raidboxes.de. A již zde je jasné, že diagram není snadné proniknout.
Jak rozpoznat pomalý webový server
Nejdůležitější hodnotou pro vyhodnocení doby odezvy serveru je tzv. Time to First Byte (TTFB). TTFB je doba, která se prodlužuje, dokud není z webového serveru stažen první datový bajt. Takže v této době se prakticky nic neděje. Alespoň nic, co by váš návštěvník mohl vnímat jako strukturu stránky. Doba do prvního bajtu proto musí být co nejnižší.
Podívejte se na první požadavek vodopádového grafu. Mělo by to být co nejkratší. Nejlépe méně než 200 milisekund.
První požadavek na vaše webové stránky by měl být co nejkratší. Nejlepší pod 200 ms.
Tento příklad ilustruje, co mám na mysli: Než se k nám přesunete, tato stránka zákazníka měla někdy TTFB více než 3,5 sekundy. Po přesunu to bylo hluboko pod 200 ms. Zejména bledě modrá oblast prvního požadavku byla masivně snížena.
Před:

S RAIDBOXES :

Takže pokud pravidelně nastavujete velmi vysoký čas na první bajt ve vašem WordPress projekty, optimalizační opatření by byla změna hostitele nebo ekvivalentní upgrade vašeho hostingového plánu.
Identifikace příliš velkých obrázků a zdrojů
Každý řádek vodopádového grafu představuje tzv. požadavek. Takže požadavek z prohlížeče na webový server. Tento požadavek také zahrnuje stahování datových balíčků, například obrázků. V níže uvedeném příkladu odpovídá fialová část pruhů době stahování.

Vidíte: Obrázky této stránky se načítají s téměř 12, třemi a téměř devíti sekundami velmi dlouhými. Jasná indikace nekomprimovaných obrazů.
Dlouhé fialové pruhy jsou jasným znamením nedostatku komprese obrazu.
Test webové stránky přesně ukazuje, který prostředek se jedná o každý požadavek. Díky tomu je snadné zjistit, který obrázek WordPress stránka je příliš velká a měla by být optimalizována.
To samozřejmě platí i pro všechny ostatní typy souborů, které test webové stránky zobrazuje. Takže e..CSS a JavaScript. Tyto soubory lze také komprimovat, což opět zkrachuje dobu načítání stránky.
Zjištění protokolu HTTP/2
Pokud chcete vědět, zda vaše WordPress projekty těží z obzvláště rychlého standardu HTTP/ 2, pak to můžete vidět jen letmým pohledem na vodopádový diagram.
Pokud jsou požadavky vaší stránky zpracovávány paralelně, http/2 je aktivní.
A tato fráze také velmi pěkně ilustruje, co HTTP / 2 ve skutečnosti dělá. Pokud je vaše stránka šifrována protokolem SSL, protokol HTTP/2 umožňuje zpracovávat více požadavků webového serveru současně. Tím se zkrachuje celková doba načítání.
Tady je prázdná WordPress stránka bez SSL:

A zde stejná stránka s certifikátem SSL, takže také s HTTP/2:

Vidíte: v prvním případě se jednotlivé požadavky načítají jeden po druhém. Ve druhém případě, na druhé straně, většina z nich ve stejnou dobu.
Je pravda, že: a WordPress Možnost optimalizace strany není k dispozici zde. Nejlepší je zeptat se poskytovatele hostingu, zda se používá http/2.
Závěr: Nebojte se grafu!
S trochou praxe a správnými znalostmi můžete čerpat spoustu informací z vodopádového diagramu. Můžete zjistit, zda váš web těží z určitých technologií, jak rychle váš webový server reaguje a zda stránka skrývá brzdy doby načítání. Pokud chcete WordPress analyzuje a optimalizuje stránky komplexně, takže vodopádové diagramy lyžují.
Znáte další triky, jak rychle detekovat typické brzdy doby nabíjení? Tak s tím vždycky pojď!
Komentáře k tomuto článku