Jádrem každé analýzy dobrého výkonu

Jan Hornung Naposledy aktualizováno 15. ledna 2021
4 min.
WordPress Optimalizovat

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

WordPress optimalizace - vodopádový diagram
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:

WordPress optimalizace - Příklad extrémně dlouhého času do prvního bajtu

S RAIDBOXES :

WordPress optimalizace – doba do prvního bajtu 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í.

WordPress optimalizace - rozpoznání příliš velkých obrázků

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:

WordPress optimalizace - Vodopádový diagram WordPress stránka bez protokolu HTTP/2

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

WordPress optimalizace - vodopádový diagram prázdného WordPress stránka 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ď!

Jeden z prvních členů u RAIDBOXES a vedoucí podpory. Na Bar a WordCamps, preferuje mluvit o PageSpeed a výkonnosti webových stránek. Nejlepší způsob, jak ho podplatit, je espresso – nebo bavorský preclík.

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena *.