Pro úspěšné online podnikání nebo blog je nezbytné, abyste věděli, jak rychle se vaše stránka načítá. A jak můžete odpovídajícím způsobem optimalizovat WordPress. Dobré analytické nástroje však poskytují obrovské množství dat. Zvláště vodopádové diagramy nejsou snadno čitelné. Dnes vám ukážu tři jednoduché triky, pomocí kterých můžete získat více z analýzy výkonu s jediným pohledem a optimalizovat WordPress na správných místech.

Když jsem se poprvé zapojil do optimalizace wordpressu, poprvé jsem také použil webpagetest.org . V té době jsem byl doslova ohromen výsledky. Především vodopádový graf zpočátku vypadá jako téměř nepochopitelná a uspořádaná datová bestie: barvy, čísla, délka pruhů, jejich pořadí, vše má význam.

Proto vám grafy mohou také říct spoustu cenných věcí o vaší stránce. Pokud víte, co hledat.

Dnes vám ukážu, jak pomocí tří jednoduchých triků zachytit důležitá klíčová data o době načítání stránky na první pohled a optimalizovat 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 soubory, které jsou příliš velké
• Jak zjistit, zda váš server podporuje protokol HTTP/2

Doporučená imitace

Mnoho dat, která vám dnes ukazuji, pochází z webpagetest.org. Vodopádové grafy tohoto nástroje jsou obzvláště složité, ale také nabízejí spoustu pohledů na vaši stránku.

Pokud chcete porozumět výsledkům testů, stačí kliknout sem a podívat se na data úplně v Webpagetest.

Pokud chcete optimalizovat vlastní stránku pomocí analýzy testu webové stránky, musíte mít na paměti, že každý testovací běh je pouze snímek. Pokud opravdu chcete spolehlivé výsledky, doporučuji vám provést alespoň tři testy. Tímto způsobem snížíte pravděpodobnost měření odlehlých hodnot a získáte lepší databázi pro důležitá rozhodnutí.

Jak zjistit pomalý webový server

Nejdůležitější hodnotou pro vyhodnocení doby odezvy vašeho serveru je tzv. Time to First Byte (TTFB). TTFB je doba, která uplyne před stažením prvního bajtu dat z webového serveru. Takže během této doby se prakticky nic neděje. Alespoň nic, co by váš návštěvník mohl vnímat jako strukturu stránky. Proto je důležité, aby čas do prvních bajtů byl co nejnižší.

Podívejte se na první požadavek vodopádového grafu. To by mělo být co nejkratší. Nejlépe méně než 200 milisekund.

První požadavek vašeho webu by měl být co nejkratší. Nejlépe pod 200 ms.

Tento příklad ilustruje, co mám na mysli: Než jsem se k nám přestěhoval, tato zákaznická stránka někdy měla TTFB delší než 3,5 sekundy. Po přesunu to bylo hluboko pod 200 ms. Zejména bledě modrá oblast prvního požadavku se výrazně zmenšila.

Před:

S Raidboxes:

Pokud tedy pravidelně měříte velmi vysoký čas na první bajt ve svých projektech WordPress, jedním z optimalizačních opatření by byla změna hostitele nebo odpovídající upgrade vašeho hostingového plánu.

Detekce obrázků a prostředků, které jsou příliš velké

Každá čára vodopádového grafu představuje takzvaný požadavek. Takže požadavek z prohlížeče na webový server. Tento požadavek zahrnuje také stažení datových balíčků, jako jsou obrázky. V níže uvedeném příkladu fialová část pruhů odpovídá době stahování.

Jak vidíte, obrázky na této stránce se načítají po velmi dlouhou dobu s téměř 12, třemi a téměř devíti sekundami. Jasná indikace nekomprimovaných obrázků.

Dlouhé fialové pruhy jsou jasným ukazatelem nedostatečné komprese obrazu.

Test webové stránky vám přesně ukáže, který prostředek je pro každý požadavek. Takže můžete snadno zjistit, který obrázek vašeho webu WordPress je příliš velký a měl by být optimalizován.

To samozřejmě platí i pro všechny ostatní typy souborů, které Webpagetest zobrazuje. Tak například.CSS a JavaScript. Tyto soubory lze také komprimovat, což dále zkracuje dobu načítání stránky.

Detekce protokolu HTTP/2

Pokud chcete vědět, zda vaše WordPress projekty těží z obzvláště rychlého standardu HTTP / 2, můžete to zjistit pouhým pohledem na vodopádový graf.

Pokud jsou požadavky vaší stránky zpracovávány paralelně, je aktivní protokol HTTP/2.

A tato fráze také velmi pěkně ilustruje, co HTTP / 2 dělá konkrétně. Pokud je váš web šifrován protokolem SSL, protokol HTTP/2 umožňuje zpracovávat více požadavků webového serveru současně. Tím se zkracuje celková doba nabíjení.

Zde je prázdný web WordPress bez SSL:

A tady je stejná stránka s SSL certifikátem, takže i s HTTP/2:

Vidíte: v prvním případě jsou jednotlivé požadavky načteny jeden po druhém. Ve druhém případě však většinou současně.

Je pravda, že zde není žádná možnost optimalizace na straně WordPress. Nejlepší je zeptat se svého poskytovatele hostingu, zda se používá protokol HTTP / 2.

Závěr: Nebojte se diagramu!

S trochou praxe a správnými znalostmi můžete získat spoustu informací z vodopádového grafu. Můžete zjistit, zda váš web těží z určitých technologií, jak rychle váš webový server reaguje a zda váš web skrývá brzdy doby načítání. Pokud chcete komplexně analyzovat a optimalizovat své stránky WordPress, neexistuje žádný způsob, jak obejít vodopádové grafy.

Znáte další triky, pomocí kterých můžete rychle rozpoznat typické brzdy s dobou nabíjení? Pak vždy přijďte s ním!