Měření doby načítání webových stránek

3 nástroje pro správné měření doby načítání stránky

Jak rychle se stránka načítá? To je jedna z ústředních otázek v oblasti 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 několik nástrojů poskytuje opravdu dobrá data. Dnes vám představím tři nejsilnější a ukážu vám, jak používat jeden z nich, Pingdom.

Na netu je několik skvělých přehledových článků o nástrojích, pomocí kterých může každý uživatel měřit výkon a dobu načítání svých vlastních webových stránek velmi snadno a především zdarma. 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 pro uživatele. Porovnávají dva až tři zcela odlišné typy nástrojů mezi sebou a někdy nejdou dostatečně podrobně o rozdílech.

To pak může vést k tomu, že se uživatelé pokusí provést srovnání výkonu se zcela nevhodnými daty . Škoda, protože pokud měříte správnými nástroji, ušetříte spoustu času a potíží.

Každý uživatel, který chce měřit výkon své stránky, by měl znát rozdíl: Rozdíl mezi potenciálními analýzami a těmi nástroji, které měří dobu načítání webových stránek. První skupina zahrnuje testy, jako je Google PageSpeed Insights a Yahoo YSlow. Tyto nástroje ukazují, jak dobře testovaný web splňuje požadavky na rychlé vytváření stránek. Oba tak poskytují vynikající vstup pro optimalizaci na stránce. Tyto testy však výslovně neměří dobu načítání vašich webových stránek.

Ale většinu času chcete přesně vědět, že: Jak dlouho trvá, než bude můj web postaven, dokud s ním zákazník nebude moci komunikovat, dokud nevydělám peníze? A tady leží králík v pepři: Pokud je nám známo, existují ve skutečnosti pouze tři bezplatné nástroje, které zde poskytují opravdu dobré údaje:

Proto v tomto a dvou dalších článcích ukážu, co tyto tři měřicí nástroje dokážou, jak je třeba je obsluhovat a interpretovat data, abyste z měření vytěžili maximum.

Díky třem funkcím je měřicí nástroj obzvláště cenný: možnosti nastavení, úroveň podrobností měření a rozmanitost dat

Nástroje, které jsem zmínil, jsou tak dobré, protože poskytují obzvláště cenná data. To znamená, že výsledky měření:

  • Lze nastavit pomocí různých možností nastavení.
  • Buďte výstupem ve vysoké úrovni detailů.
  • Skládá se z výsledků několika metod měření, které lze porovnat.

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. Obvykle se jedná o volbu testovacího serveru a jeho umístění a někdy také o výběr testovacího prohlížeče.

Úroveň podrobností dat znamená, že výstupem jsou nejen časy, ale také podrobné popisy toho, co bylo skutečně měřeno. Dva nástroje mohou chápat "dobu načítání" zcela 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ň jsou výstupem informace o počtu HTTP požadavků, velikosti načtených datových paketů nebo výsledcích případných analýz. Takže můžete rychle zjistit, které nastavovací šrouby můžete otočit, abyste optimalizovali dobu načítání.

Jiné nástroje, které známe, nabízejí takové možnosti pouze v omezené míře nebo vůbec, a mohou tedy vést k porozumění a tím i k interpretačním problémům. Pro vás jako koncového uživatele však tyto výhody znamenají rozhodující nevýhodu: Data nejsou zdaleka tak snadno pochopitelná jako například výsledky Google. PageSpeed Insights.

Naměřená data nejsou vždy snadno čitelná – ale s některými základy jsou vždy snadno srozumitelná

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 Pingdom podrobněji. Nástroj, který může poskytnout velmi informativní informace o vaší stránce obzvláště rychle a také měří dobu načítání vašich webových stránek.

Změřte dobu načítání webových stránek pomocí Pingdom. Zde je vstupní maska.
Vstupní maska Pingdom. Tento nástroj je jedním ze tří, o kterých si myslíme, že dávají opravdu dobré výsledky a co je nejdůležitější, měří dobu načítání vašich webových stránek.

Pingdom ukazuje obzvláště pěkně, v jakém pořadí je vaše stránka postavena a jak velké jsou jednotlivé stavební bloky

Pingdom je rychlý a velmi snadno použitelný. V zásadě 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 prohlížeče, který má být testován – jedním z nejdůležitějších nastavení, aby bylo možné pochopit, jak a jak rychle se vaše stránka vytváří pro zákazníky z různých regionů. V takových testech umístění serveru označuje, ze kterého je váš web přístupný pro měření rychlosti.

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 porovnat výsledky. Pokud je doba načítání vašich webových stránek měřena jednou z USA a jednou z Frankfurtu, doba načítání návštěvníka z Německa se bude výrazně lišit.

Doba načítání Měření webových stránek Pingdom Test Server Volby
Volby pro testovací server testu Pingdom.

Při spuštění testu jsou po několika okamžicích vysunuty tři velké datové pakety:

  1. Přehled a výsledek analýzy potenciálu
  2. Podrobný rozpis stránky
  3. Vodopádový graf

Hned na začátku jsou tři nejdůležitější klíčové údaje pro pochopení výkonu vaší stránky výstup:

  • stupeň analýzy potenciálu (1)
  • doba načítání stránky (2)
  • počet http požadavků (3)
Měření doby načítání webových stránek Pingdom přehled výsledek
Přehled výsledků stagingu

Recenze údajně odkazuje na Google PageSpeed Insights. Ve všech našich testech však byla tato hodnota dosud zkreslená (v tomto konkrétním případě o 15 bodů pod původním hodnocením a také výrazně pod hodnocením pro mobilní zařízení) a tedy nepoužitelná.

Doba načítání (2) stránky je ústředním parametrem, pomocí kterého lze například porovnávat výkon. Je to přímá odpověď na otázku: Jak rychle se moje stránka načte? Počet požadavků HTTP (3) je také vhodný pro takové srovnání. Platí následující: Čím méně požadavků HTTP, tím lépe.

Pěkným doplňkem je komponenta "Rychlejší než" (4). V našem případě to znamená, že raidboxes.de je rychlejší než 75% ostatních stránek testovaných na pingdom. Tyto informace lze použít pro přibližnou polohu. Například .B pokud vidíte, že se vaše stránka načítá rychleji než 95 procent ostatních stránek, pak je to první známka toho, že vaše stránka je zatraceně rychlá.

Přehled také obsahuje část "Přehledy výkonu". Zde vám budou předložena hodnocení a návrhy řešení týkajících se různých aspektů vaší stránky souvisejících s výkonem. Velmi podobné nástrojům 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í.

Pingdom Pontezial Analýza Měření doby načítání webové stránky
Jako druhá část měření doby nabíjení pingdom také výstupem této analýzy potenciálu.

Druhá část je podrobný rozpis stránky. Zde získáte informace o dvou ústředních prvcích: funkčnosti jednotlivých stránek a složení stránky.

Například v oblasti, kterou vidíte níže, uvidíte všechny chyby 404 vaší stránky. V našem testovacím případě zde můžete vidět, že 69 odpovědí ze serveru do prohlížeče proběhlo normálně. Dvě z těchto žádostí byly postoupeny.

Přesměrování Pingdom Měří dobu načítání webových stránek
Pingdom také kontroluje, kolik přesměrování, chyb 400 a 500 vytváří váš web.

Níže uvedené oddíly rozdělují požadavky HTTP a obsah stránky podle typu a zdroje. To vám umožní rychle zjistit, zda určitý typ obsahu, jako jsou obrázky, spotřebovává spoustu místa nebo vytváří mnoho požadavků, a tím zpomaluje vaši stránku.

V našem případě skripty zabírají spoustu místa a způsobují mnoho požadavků. (1+2) To je způsobeno především naším podpůrným nástrojem, Intercomem, odznakem Trusted Shops a dotazy ze samotného webu. (3) V kombinaci s požadavky je také vidět, že požadavky zaslané interkomem se týkají zvláště velkých datových paketů. (4)

Pingdom Datové pakety Měření doby načítání webové stránky
Členění stránky podle požadavků a velikosti datových paketů.

Vodopádový diagram teď ukazuje en détail, v jakém pořadí se požadavky spouštějí a jak dlouho trvá načtení požadavků. To znamená, že vodopádový graf je 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 přesměrování z http na https (1) nahoře, pak první kontakt se serverem (2) a pak časy načítání jednotlivých skriptů (3).

Vodopádový graf pingdom Měření doby načítání webové stránky
Vodopádový graf pingdom.

Pingdom také nabízí možnost přesně zobrazit, které části požadavku se načítají a jak dlouho. Tak lze určit například Time to First Byte (tj. čas potřebný k odeslání prvního datového paketu serverem), ale musíte ho hledat z jednotlivých hodnot.

Příklad: Pokud se podíváte na první požadavek na naší stránce, uvidíte, že je celkem dlouhý 129 milisekund. Skládá se z vyhledávání DNS, které se provádí za milisekundu, takzvaného HANDSHAKE SSL, který trvá 29 milisekund, připojení prohlížeče k serveru, které trvá 52 milisekund, odeslání dat z prohlížeče na server, čekací doby 47 milisekund a nakonec přijetí prvních dat.

Vodopádový diagram Podrobné zobrazení Měření doby načítání webové stránky
Detailní pohled na vodopádový graf. Pokud chcete měřit dobu načítání vašich webových stránek, můžete si zde přečíst, jak dlouho se musí určité datové balíčky načíst.

V zadané čekací době server vypočítá všechny potřebné procesy PHP. Tato hodnota je tedy vhodná, pokud chcete porovnat dva poskytovatele hostingu.

Tímto způsobem se můžete podívat na každý jednotlivý požadavek a porovnat ho s jinou metrikou. Tímto způsobem určíte, zda se doba načítání stránky po optimalizačním opatření zlepšila, a pokud ano, o jaký faktor.

Výhody: Pingdom poskytuje relevantní data velmi rychle, s vysokou informační hodnotou

Celkově je pingdom dobrým nástrojem pro měření doby načítání webových stránek. Můžete rychle rozpoznat pomocí pingdom:

  • jak rychle se stránka načítá
  • jak je velký
  • kde má stále potenciál pro optimalizaci
  • jak lze tento potenciál využít
  • jak je vaše stránka vytvořena

Nevýhody: Zejména specifikace doby nabíjení je velmi nepřesná

Nástroj má však dvě důležitá omezení: Na jedné straně je pro testování k dispozici jen velmi málo umístění serverů. To samo o sobě není nevýhoda, protože pokud vždy měříte se stejným serverem, výsledky jsou dokonale srovnatelné. To je přesně to, co byste měli věnovat pozornost při jeho používání. Měli byste také zvolit umístění serveru, které je co nejblíže vaší hlavní skupině návštěvníků.

Na druhou stranu doba načítání stránky je výstupem pouze v agregované podobě. To znamená, že nepoznáte, na kterou hodnotu se vztahuje 1,84 sekundy z příkladu, aniž byste se podívali na vodopádový graf. Také se nerozlišuje mezi verzemi stránky uloženými v mezipaměti a bez mezipaměti.

Pravděpodobně největší nevýhodou Pingdom je, že nevidíte vnímanou dobu načítání. Protože vaše stránka může načíst deset, dvanáct nebo třináct sekund, ale po pouhých třech sekundách to vypadá, jako by byla zcela načtena. Vaše stránky by tak byly vnímány jako mnohem rychlejší, než jsou. Pingdom však nenabízí žádnou možnost zobrazení této vnímané doby načítání (pamatujte na bezplatnou verzi). GTmetrix a webpagetest.org to mohou udělat lépe.

Pingdom může rychle odpovědět na často nejdůležitější otázku: Jak rychle se moje stránka načte? Kromě toho nástroj odhaluje hodně o struktuře stránky. Ale může to být ještě lepší! V další části této série se budu podrobněji zabývat GTmetrixem. Tento test poskytuje ještě více dat a může přesvědčit především funkcí videa a analýzou časových řad doby načítání stránky.

Jaké nástroje jste dosud použili k získání nejlepších zkušeností s analýzou výkonu?

Líbil se vám tento článek?

Svou recenzí nám pomůžete zlepšit náš obsah.

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna.