Tester 4.0: nová verze „Shrnutí“, nové metriky, nové grafy (a mnoho dalšího)

S velkou radostí vám představujeme tester rychlosti verze 4.0, na kterém jsme pracovali několik posledních měsíců.

Připravili jsme tolik novinek, že by se to do jednoho textu nevešlo, takže tímto zahajujeme seriál, ve kterém vše postupně ukážeme a vysvětlíme.

Nová verze Shrnutí

Úvodní stránka testu, takzvané „Shrnutí“ bylo sice vizuálně poutavé, ale s postupným vývojem vlastností testeru přestávalo splňovat roli hlavního shrnutí všech informací k rychlosti webu.

Nová verze reportu „Shrnutí“ přináší řadu novinek, pojďme se na ně podívat.

Zobrazení důležitých dat v tabulkové podobě

Ke každé testované doméně a testovanému URL zobrazíme dostupná data o rychlosti v přehledné tabulce, kterou si mnozí naši uživatelé velmi oblíbili:

Obrázek: Data všech podstatných metrik k doménám Dr. Maxe v přehledné podobě.

Jak vidíte na obrázku, nově zde zobrazujeme více metrik – všechny, které jsou součástí Web Vitals nebo jde o pomocné metriky k nim a Google je dává k dispozici v Chrome UX Reportu.

Čerstvě jsme tedy přidali metriky INP, FCP a TTFB, dále pak ukazatele seřadili podle pořadí jejich vzniku při načítání stránky.

Bude to pro vás užitečné pro okamžité srovnání rychlosti vašich webů nebo případné porovnání s konkurencí.

Na obrázku výše tedy hned vidíme například nedostatky u nové metriky INP a můžeme se ptát, proč má polská doména tak nízké hodnoty ve srovnání s ostatními.

Změny metrik přehledně hned ve „Shrnutí“

Naši uživatelé si v dashboardu oblíbili šipky, které ukazují vývoj stavu metriky ve srovnání se stavem před měsícem.

Toto je nyní k dispozici také přímo v reportu Shrnutí:

Obrázek: Rovnou vidíte, co se mění k horšímu a co k lepšímu.

Pokud rychlost webu sledujete pravidelně, díky tomuto zobrazení rychle uvidíte, jaký je stav a co se mění a na co si dát pozor.

Detailní pohled na data pak dostanete v konkrétních reportech, jako jsou „Stránky“, „Domény“ a další.

Nové grafy

První věc, které se na nové verzi možná všimnete, je nový vzhled grafů:

Obrázek: Nové grafy.

Co se změnilo?

• Nad grafy jsme přidali multifunkční navigaci, která zároveň slouží jako legenda a pomáhá vám zorientovat se.
• Na pozadí používáme novou grafovou knihovnu, která lépe plní naše cíle.
• Linky grafů jsou kulatější, více lahodí oku.

Podívejme se ještě podrobně na zmiňovanou multifunkční navigaci. Ona je totiž samé překvapení.

Najetím myši na konkrétní položku zvýrazníte linku grafu patřící dané stránce:

Obrázek: Zvýraznění konkrétní linky v grafu. Tady se nám něco mírně zhoršuje a je to TBT.

Zvýraznění vám zároveň ukáže linku s trendem, protože se často stává, že graf sám o sobě trend zlepšení nebo zhoršení lidskému oku neukáže tak snadno.

Další změna nastane po kliknutí:

Obrázek: Klidněte, abyste viděli jen jednu linku, zde pro typovou stránku Category.

Toto zobrazení vám vyfiltruje opravdu jen jednu stránku (nebo doménu) v grafu a tudíž se můžete lépe zaměřit na její vývoj.

Další novinku uvidíte poté, co rozkliknete bod v grafu. Dostanete výpis všech testů a hodnot metriky, ze kterých se daný test vypočetl. Může to vypadat třeba následovně:

Obrázek: Vrstva s provedenými testy a hodnotami metriky.

Kliknutí na čas testu vás pak dostane na výsledek Lighthouse testu.

Nové grafy jsou na první pohled nenápadnou, ale pro čtvrtou verzi testeru rychlosti velmi důležitou změnou.

Mrkněte se na video, kde uvidíte všechny novinky na jednom místě:

Další novinky ve verzi 4

Na čtvrté verzi testeru jsme pracovali několik měsíců, takže je jasné, že novinek jsme přidali ohromné množství. Vyjmenujeme některé z nich alespoň stručně:

Zrychlení uživatelského rozhraní

V databázích skladujeme a uživateli zobrazujeme velké množství dat o více než 24 tisících domén a 44 tisících URL adresách.

Během vývoje testeru verze 4 jsme proto mnohokrát sáhli po nejrůznějších optimalizacích, které by uživatelské rozhraní zobrazovaly rychleji. Samotné rozhraní většiny testů je nyní ve verzi 4 výrazně rychlejší než v předchozí verzi.

Změny v uživatelském rozhraní

Některých z těchto změn si jistě všimnete:

• Upravili a zjednodušili jsme hlavní navigaci testu, ale i uživatelské části.
• Každý stav reportu má nyní své vlastní URL, takže jej můžete bez problému poslat někomu dalšímu.
• Zjednodušili jsme navigační elementy, aby bylo vidět více obsahu.
• Každý graf s metrikou má svou kotvu a je tedy možné se dostat přímo na něj.

Novinek je hodně, ale ještě to není zdaleka všechno. Počkejte si na to, co představíme v dalších týdnech.

Tester čtvrté verze jsme samozřejmě dobře otestovali, ale chybička se může vloudit. Napište nám e-mail na info@pagespeed.cz nebo do chatu přímo v apllikaci, pokud na něco narazíte.

Přejeme vám rychlé weby!