Jak rychle se můj web načítá? To je jedna z ústředních otázek výkonu, UX a optimalizace pro vyhledávače. Při odpovědi na tuto otázku byste se měli spolehnout na správné nástroje. Protože jen málo nástrojů poskytuje opravdu dobrá data.
Na internetu je několik skvělých přehledových článků o nástrojích, pomocí kterých lze snadno a především zdarma měřit výkon a dobu načítání vašich vlastních webových stránek. Tyto přehledy jsou velmi užitečné, ale často dělají chybu, která může vést k většímu zmatku než jasnosti. Porovnají dva až tři zcela odlišné typy nástrojů a někdy nezacházejí do podrobností o rozdílech.
To pak může vést k pokusům o porovnání výkonu se zcela nevhodnými daty. Škoda, protože pokud měříte se správnými nástroji, ušetříte spoustu času a problémů.
Při měření výkonu webové stránky by měl být znám jeden rozdíl: rozdíl mezi potenciálními analýzami a nástroji, které měří dobu načítání webové stránky. První skupina zahrnuje testy jako Google PageSpeed Insights a YSlow od Yahoo. Tyto nástroje ukazují, jak dobře testovaný web splňuje požadavky na rychlé načítání stránky. Oba poskytují vynikající vstup pro optimalizaci na stránce. Tyto testy však neměří dobu načítání vašich webových stránek.
Ale většinu času chcete vědět přesně toto: Jak dlouho trvá mým webovým stránkám, než se vytvoří, interagují s nimi, vydělají peníze? A tady je králík v pepři: Pokud je nám známo, ve skutečnosti existují pouze dva bezplatné nástroje, které poskytují opravdu dobrá data:
Níže proto ukážu, co měřicí nástroje dokážou, jak je musíte ovládat a interpretovat data, abyste z měření mohli vytěžit maximum.
Díky třem vlastnostem je měřicí přístroj obzvláště cenný
Nástroje, které jsem zmínil, jsou tak dobré, protože poskytují obzvláště cenná data. To znamená, že výsledky měření:
- Skládá se z výsledků několika metod měření, které lze porovnat.
- Buďte výstupem ve vysoké úrovni detailů.
- Lze nastavit pomocí různých možností nastavení.
V praxi to znamená, že s dobrým měřicím nástrojem můžete nastavit, jak měří dobu načítání webových stránek. Jedná se především o volbu testovacího serveru a jeho umístění a někdy také o výběr testovacího prohlížeče.
Úroveň podrobnosti dat znamená, že nejen časy jsou jednoduše výstupem, ale že to, co bylo skutečně měřeno, je podrobně popsáno. Dva nástroje mohou chápat "dobu načítání" odlišně. Ještě lepší samozřejmě je, když se používají jednotné termíny, například Time to First Byte.
A nakonec je dobré, když se měří nejen doba načítání vašeho webu, ale zároveň se zobrazují informace o počtu HTTP požadavků, velikosti načtených datových paketů nebo výsledcích potenciálních analýz. Takže můžete rychle zjistit, které šrouby můžete otočit, abyste optimalizovali dobu nakládání.
Jiné nám známé nástroje nabízejí takové možnosti jen v omezené míře nebo vůbec, a mohou proto vést k porozumění a tím i k interpretačním problémům. Pro vás však tyto výhody znamenají také rozhodující nevýhodu: data nejsou zdaleka tak snadno pochopitelná jako například výsledky Googlu PageSpeed Insights.
Naměřená data nejsou vždy snadno čitelná
Nejvíce odstrašující částí je jistě takzvaný vodopádový diagram. Ale právě to poskytuje obzvláště důležité údaje. Proto stojí za to, pokud se podíváte blíže na typ diagramu.
V tomto příspěvku nejprve vysvětlím WebPageTest podrobněji. Nástroj, který může rychle poskytnout velmi informativní informace o vašich webových stránkách a také měří dobu načítání vašich webových stránek.
Můj oblíbený: WebPageTest
webpagetest.org je rychlý a velmi snadno se používá. V podstatě musíte udělat pouze dvě věci:
- Nejprve zadáte doménu, která má být testována
- Pak vyberte umístění serveru
Umístění serveru je – kromě výběru testovaného prohlížeče – jedním z nejdůležitějších nastavení, abyste pochopili, jak a jak rychle se vaše webové stránky budují v různých oblastech světa. U takových testů umístění serveru označuje, odkud se k rychlostnímu webu přistupuje.
Zejména při porovnávání výkonu se vždy ujistěte, že používáte stejné umístění serveru. To je jediný způsob, jak můžete smysluplně porovnat výsledky. Protože pokud je doba načítání vašeho webu měřena jednou z USA a jednou z Frankfurtu, doby načítání se budou výrazně lišit.
Při spuštění testu jsou po několika okamžicích vysunuty tři velké datové pakety:
- Stručný přehled: Příležitosti a experimenty
- naměřená čísla vašeho webu: Pozorované metriky
- Jednotlivé zkušební běhy s vodopádovými diagramy
První část "Příležitosti a experimenty" vám poskytne praktické tipy, které části vašeho webu fungují dobře a kde je stále prostor pro zlepšení.
Zde vám budou představeny recenze a navrhovaná řešení pro různé aspekty vašeho webu související s výkonem - podobně jako nástroje od Google nebo Yahoo. Důležité pro pochopení je: Zde nebyla měřena doba načítání webových stránek, ale potenciál pro optimalizaci doby načítání.
Doba načítání webových stránek je ústředním parametrem, pomocí kterého lze porovnávat výkon. Je to přímá odpověď na otázku: Jak rychle se moje webové stránky načítají? Počet požadavků HTTP je také vhodný pro takové srovnání. Platí následující: čím méně požadavků HTTP, tím lépe.
Druhá část se skládá z naměřených čísel, tj. metrik. Níže je vizuální načtení stránky ve formě série obrázků v krocích po 100 ms. To je zde také označováno jako "filmový pás". Obrazy, které ukazují významnou změnu ve struktuře stránky, jsou barevně zvýrazněny.
Třetí část ukazuje přehled testovacích běhů. Zde jsou požadavky HTTP a obsah vašich webových stránek rozděleny podle typu a zdroje. Takže můžete rychle zjistit, zda určitý typ obsahu, včetně obrázků, zabírá spoustu místa nebo vytváří mnoho požadavků a zpomaluje vaše webové stránky.
Vodopádový diagram podrobně ukazuje, v jakém pořadí se požadavky spouštějí a jak dlouho trvá jejich načítání. Vodopádový graf je tedy podrobným zobrazením doby načítání vašeho webu.
Kromě toho na samém konci výsledků testu najdete legendu, která vysvětluje, co symboly a barvy znamenají.
V našem případě uvidíte nahoře první kontakt se serverem a následně časy načítání jednotlivých skriptů.
Tímto způsobem se můžete podívat na každý jednotlivý požadavek a porovnat jej s jinou metrikou. Tímto způsobem zjistíte, zda se doba načítání vašich webových stránek po optimalizačním opatření zlepšila, a pokud ano, o jaký faktor.
Výhody: rychlé, relevantní, informativní
Celkově je WebPageTest dobrým nástrojem pro měření doby načítání webových stránek. Rychle poznáte:
- Jak rychle se web načítá
- jak je velký
- kde má stále potenciál pro optimalizaci
- jak lze tento potenciál využít
- Jak je váš web strukturován
Pokud vám tyto informace o WebPageTestu nestačí, doporučuji, abyste se jimi zabývali podrobněji.
Věnujte pozornost vnímané době nabíjení
Doba načítání webových stránek je bezpochyby důležitá jak pro zážitek, tak pro konverzi. Ale pro lidi není rozhodující skutečná doba načítání, ale vnímaná rychlost webové stránky - nebo jinými slovy, čas do vizuální konstrukce webové stránky. Web je zkušený bez znalosti naměřených hodnot. Vnímaná doba načítání je proto důležitou hodnotou pro optimalizaci konverze a míry okamžitého opuštění. To lze také spolehlivě měřit.
Vztah mezi dobou načítání stránky a mírou konverze v obchodech byl v minulosti dobře studován. Výsledek: každá sekunda se počítá. Protože v průměru jsou lidé netrpěliví. Například doba načítání, která je o jednu sekundu delší, může mít za následek o sedm procent nižší míru konverze.
Takže s každou sekundou, kdy se vaše webové stránky načítají déle, ztratíte prodej. Antidotum může být nad optimalizací skládání – protože toto opatření snižuje vnímanou dobu načítání, což může vést k lepším konverzním poměrům.
Vaše webové stránky se mohou načíst za deset, dvanáct nebo třináct sekund, ale po pouhých třech sekundách budou vypadat, že jsou plně načteny. Vaše webové stránky by byly zaznamenány mnohem rychleji, než jsou.
Analýza časových řad a funkce videa pro vnímanou dobu načítání
1) Analýza časových řad
Porovnání doby načítání vašich webových stránek v několika dnech nebo týdnech může být velmi odhalující. Například pokud optimalizujete své webové stránky krok za krokem po dobu několika týdnů.
2) Video analýza - nejlepší indikace vnímané doby načítání stránky
Funkce videa nebo série obrázků, které pořizují snímek obrazovky v určitých intervalech během procesu načítání, jsou nejvhodnější pro měření vnímané doby načítání. Můžete vidět, jak dlouho trvá, než je vizuální reprezentace viditelná. Logický. Tento jednoduchý trik však umožňuje získat jasné rozlišení mezi naměřenou a vnímanou dobou nabíjení. WebPageTest nabízí tuto funkci v části "Pozorované metriky" jako "Proces načítání vizuální stránky".
GTmetrix
Rád bych zde krátce pohovořil o GTmetrixu. V podstatě dva nástroje WebPageTest a GTmetrix mohou dělat totéž. Ovládání GTmetrixu je stejně jednoduché jako u WebPageTest: zadáte URL testované webové stránky a nástroj po chvíli vyplivne výsledek. Nevýhoda:
- GTmetrix nabízí pouze jedno umístění serveru, Vancouver
- GTmetrix testuje pouze s Firefoxem
To znamená, že výsledky měření GTmetrix platí vždy pro stolní počítač s Firefoxem ve Vancouveru. Pokud na měření výkonu pracujete výhradně s GTmetrixem, nic to neubírá na zjištěních. Pokud však chcete vědět, jak rychle se webové stránky načítají pro německé návštěvníky, budete muset použít jiný nástroj.
Závěr
Pro analýzu doby nabíjení je také zásadní měření doby nabíjení. Protože umožňuje srovnání na úrovni abstrahované od pouhých dat. Můžeme doporučit pouze testy, které umožňují analýzu videa nebo srovnatelné funkce. Za určitých okolností je naměřená doba nabíjení poměrně vysoká, ale vnímaná doba nabíjení je naprosto ospravedlnitelná. Hodnota vám nejen umožní lépe pochopit, jak je vaše nabídka vnímána, ale také zda se optimalizace webových stránek s ohledem na výkon vůbec vyplatí. Protože může být užitečné investovat více do optimalizace konverzí než do doby načítání webových stránek.
Pokud jde o měření výkonu, WebPageTest je pro nás dokonalým bezplatným měřicím nástrojem.
S jakými nástroji máte zatím nejlepší zkušenosti s analýzou výkonnosti? Máte již zkušenosti s jinými měřicími nástroji, které mohou poskytnout ještě lepší data?
