Tyto dvě funkce WebPagetest zatím neznáte – ale měli byste je používat pravidelně

Jan Hornung Aktualizováno 21.
6 min.
Porovnat webové stránky s testem webových stránek

Webpagetest.org je pravděpodobně nejlepší bezplatný nástroj pro měření doby načítání stránky. Vzhledem k tomu, WebPagetest je mnohem silnější než přímá konkurence. A to především díky dvěma funkcím: možnosti porovnávat webové stránky a dlouhodobému srovnání.

Tento článek je součástí série pro měření a vyhodnocení doby načítání vašich webových stránek. V předchozích článcích jsme ukázali:

Dnes vám ukážu dvě funkce Webpagetest, které jste pravděpodobně ještě nevěděli. Je to proto, že nástroj je vhodný zejména pro porovnání výkonu a průběžné vyhodnocení doby načítání stránky.

Proto ti dnes ukazuji:

Další klíčové metriky – index rychlosti, prvky dom a náklady

Kromě výchozích hodnot - jako je počáteční vykreslení, dokončení dokumentu atd. - Webová stránka test také poskytuje další užitečné klíčové údaje, které vám umožní odhadnout účinnost vaší stránky. Tyto hodnoty jsou důležité, abyste mohli správně interpretovat výsledky nástroje.

Příklad výsledku testu webové stránky, který ukazuje důležité rozšířené charakteristiky
Ukázkový výsledek testu webové stránky. Index rychlosti, počet prvků dom a požadavky jsou tři důležité ukazatele celkového výkonu stránky.

Dom prvky:Prvek DOM je zhruba vzato stavebním blokem HTML. Čím méně těchto stavebních bloků je váš prohlížeč třeba načíst, tím štíhlejší a rychlejší bude vaše stránka. Počet prvků DOM je však pouze údaj o době načítání stránky. Provedením změn Plugins , ale především na Theme , počet prvků DOM lze výrazně snížit.

Výpis ze zdrojového kódu RAIDBOXES Blogu
Každý prvek těla HTML, který je uzavřen v úhlových závorkách, je prvkem DOM.

Požadavky: Tato hodnota popisuje počet jednotlivých požadavků HTTP, které musí prohlížeč provést na webovém serveru. Požadavek HTTP požaduje jednotlivé položky, například soubory CSS, soubory JavaScript u obrázků. Opět platí, že teoretické pravidlo je, že čím méně žádostí, tím lépe. Mimochodem, vodopádový graf vaše stránka má vždy nejlepší přehled o načtení požadavků HTTP.

V praxi však skutečný počet požadavků HTTP nehraje tak velkou roli. Alespoň ne, pokud je vaše stránka šifrovaná s SSL a na serveru s HTTP/2 Spustí. Důvodem je, že několik požadavků lze provést a načíst současně.

Index rychlosti:Tento index je vypočítán Webpagetest a je indikátorem vnímané doby načítání stránky. Hodnota popisuje milisekundovou hodnotu – to znamená, že nízké hodnoty jsou lepší než vysoké – což znamená, jak rychle a efektivně je načten viditelný obsah stránky. Test webových stránek v zásadě používá snímky obrazovky stránky k určení uživatelského prostředí a měření s časovou hodnotou. Máte-li zájem: Webpagetest má také Rovnice formulována.

Základ výpočtu indexu rychlosti
Index rychlosti testu webových stránek je reprezentován a vypočítán jako oblast. Čím rychleji se obsah stránky načte, tím menší je obsah oblasti a tím i index rychlosti. Pokud máte zájem o podrobnosti: zde uvádí webové stránky vyzkoušet všechny informace o výpočtu indexu rychlosti.

Index rychlosti je nejvhodnější pro porovnání. Pokud optimalizační míra výrazně snižuje index, má tendenci být úspěšný a stránka je vnímána jako rychlejší. Pokud má váš web mnohem menší index rychlosti než konkurence, můžete předpokládat, že vaše stránky nabízejí návštěvníkům lepší zážitek z surfování.

Náklady: Tato hodnota je spíše příjemné mít. Označuje, jak je stránka drahá, když je načtena přes mobilní sítě. Data pocházejí z whatdoesmysitecost.com a poskytují průměr pro všechny zde uvedené sazby pro jednotlivé země. Tato funkce slouží k zobrazení nákladů na mobilní načítání stránky. Tuto hodnotu však ve většině případů považuji za skutečně relevantní. Opravte mě, jestli se mýlím.

Nejdůležitější funkce testu webových stránek: Porovnání několika webových stránek přímo

Pokud měříte dobu načítání stránky, obvykle existují dva důvody: buď jste provedli změnu a chcete vědět, jak ovlivňuje dobu načítání, nebo chcete stránku porovnat s ostatními.

Samozřejmě, že pro takové prohlášení potřebujete srovnávací hodnotu. A to je přesně to, co "Vizuální porovnání" vytvořeno. To vám umožní přímo porovnat dobu nabíjení a chování nabíjení více adres URL.

Funkce Vizuální porovnání umožňuje vzájemně porovnávat webové stránky přímo.
Srovnávací funkci najdete hned vedle standardní analýzy Webpagetest.

Pomocí této funkce můžete například:

  • Porovnejte své vlastní stránky s vašimi konkurenty
  • zkontrolujte, co přinesla změna pouzdra
  • Testování dvou nebo více podstránek proti sobě
  • zkontrolujte, jak rychle se podstránky načítají ve srovnání s domovskou stránkou

Pro přímé porovnání stačí pojmenovat stránky, vložit adresy URL a spustit test s dříve nastavenými parametry.

Pro účely testování porovnáváme dva z našich produktových stránek mezi sebouVýsledek umožňuje porovnat stránky na základě několika metrik. Nejživější lze nalézt přímo na začátku výsledného dokumentu: Filmstrip View. Zde můžete vidět, kdy návštěvník vnímá vaši stránku jako dokončenou (příslušná charakteristika se nazývá Vizuálně kompletní).

Referenční hodnotu lze také změnit tak, aby bylo možné zobrazit i další metriky, například Plně načteno a Dokončeno dokumentu.

Výsledek, pokud porovnáte dvě webové stránky v testu webové stránky
Nejilustrativní metrika je uvedena přímo na začátku: Zobrazení filmového pásu. Můžete ji nakonfigurovat z nastavení v pravém dolním rohu. Vodopáddiagramy lze přepínat tam a zpět pomocí posuvníku vlevo nad diagramy.

Níže najdete čtyři pruhové grafy, které ukazují, jak testované stránky porovnávají dobu načítání, nejdůležitější časy načítání, počet požadavků HTTP a velikost stránky.

S těmito metrikami můžete na první pohled vidět, která z testovaných stránek se načte rychleji, štíhlejší a nabízí návštěvníkovi lepší zážitek.

Pro uživatele Google nabízí test webových stránek také možnost dlouhodobého srovnání

Když se přihlásíte do webpagetest pomocí svého účtu Google, jednotlivé testy se zaznamenávají. To vám dává možnost zobrazit a porovnat všechny testy za poslední rok.

Dlouhodobá porovnání v testu webových stránek za účelem porovnání více verzí webu
Naše webová stránka testuje historii posledních sedmi dnů. Kdykoli se přihlásíte pomocí svého účtu Google, testy se uloží a poté je zobrazíte.

Tento přehled je velmi praktický zejména kvůli dvěma funkcím: K historickým testovacím datům můžete přistupovat kliknutím na adresu URL. To znamená, že můžete vidět kompletní výsledky všech testů za poslední rok.

A můžete označit jednotlivé testy a porovnat je, abyste rychle získali přehled o vývoji vašich stránek.

Verdikt: Webová stránka test je mnohem silnější než jiné bezplatné nástroje

Porovnání více stránek přímo je jistě nejsilnější funkce testování webových stránek. Protože vám umožňuje podívat se na svou stranu ve vztahu k konkurenci, na vzory nebo průmyslové benchmarky. Výsledky, které získáte, jsou také dobře připraveny a snadno pochopitelné pro poměry testů webových stránek.

Analýza časových řad také umožňuje získat komplexní představu o vývoji doby načítání stránky. To vám umožní přesně zjistit, která optimalizační opatření nebo změny ovlivnily váš web, jeho dobu načítání a uživatelské prostředí.

S těmito dvěma funkcemi budete moci zachytit všechny relevantní změny na vašich stránkách a co je důležitější, analyzovat je.

Stále víte, užitečnou funkci Webpagetest, že jsme zapomněli? Pak se těšíme na váš komentář!

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