Pro úspěšné online podnikání nebo blog je nezbytné, abyste věděli, jak rychle se vaše webové stránky načítají 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, jak získat více z analýzy výkonu jediným pohledem a optimalizovat WordPress na správných místech.

Když jsem se poprvé zabýval tématem optimalizace WordPress, poprvé jsem také použil webpagetest.org . V té době jsem byl doslova ohromen výsledky. Především vodopádový diagram 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 diagramy mohou také říct spoustu cenných věcí o vašich webových stránkách. Pokud víte, co hledat.

Dnes vám ukážu, jak pomocí tří jednoduchých triků zachytit důležité klíčové údaje o době načítání vašeho webu 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še webové stránky.

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

Pokud chcete optimalizovat svůj vlastní web pomocí analýzy Webpagetest, musíte mít na paměti, že každý testovací běh je jen snímek. Pokud opravdu chcete spolehlivé výsledky, doporučuji vám provést alespoň tři testy. To snižuje pravděpodobnost měření odlehlých hodnot a poskytuje lepší databázi pro důležitá rozhodnutí.

Toto je pouze první třetina vodopádového diagramu pro raidboxes.Písmeno n. A již zde je zřejmé, že diagram není snadné proniknout.

Jak zjistit pomalý webový server

Nejdůležitější hodnotou pro vyhodnocení doby odezvy serveru je TTFB (Time to First Byte). TTFB je doba, která uplyne před stažením prvního bajtu dat z webového serveru. Během této doby se prakticky nic neděje. Alespoň nic, co by mohlo být vnímáno jako struktura 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, měl tento web někdy TTFB více než 3,5 sekundy od jednoho z našich zákazníků. 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:

Takže pokud pravidelně měříte velmi vysoký čas na první bajt ve svých projektech WordPress, optimalizačním opatřením 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ý řádek 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ů, včetně obrázků. V níže uvedeném příkladu fialová část pruhů odpovídá době stahování.

Jak vidíte, obrázky na tomto webu se načítají velmi dlouho 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. Díky tomu je snadné 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. Například CSS a JavaScript. Tyto soubory lze také komprimovat, což dále zkracuje dobu načítání vašich webových stránek.

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ý diagram.

Pokud jsou požadavky vašeho webu zpracovávány paralelně, pak je HTTP / 2 aktivní.

A tato fráze již výborně ilustruje, co HTTP / 2 skutečně dělá. 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 načítání.

Zde je prázdná webová stránka WordPress bez SSL:

A tady je stejný web 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 neexistuje možnost optimalizace ze strany WordPressu. 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 vaše webové stránky těží z určitých technologií, jak rychle váš webový server reaguje a zda jsou na vašem webu skryty brzdy doby načítání. Pokud chcete komplexně analyzovat a optimalizovat své webové stránky WordPress, neexistuje žádný způsob, jak obejít vodopádové diagramy.

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!