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

4. 10. 2023

Article

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 „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!

Martin Michálek

Martin MichálekMartin je hlavní kontakt pro vás. Znáte jej také jako autora blogu Vzhůru dolů, publikací pro webaře a propagátora rychlosti.

Jak je rychlý váš web?

Jak rychlý je váš web v porovnání s vaší konkurencí? To zjistíte
pomocí našeho online testeru.

Test rychlosti mého webu

Další související články k tématu

Metrika Largest Contentful Paint (LCP): průvodce rychlejším načtení webu

Metrika Largest Contentful Paint (LCP): průvodce rychlejším načtení webu

Svět metriky Largest Contentful Paint (LCP) by se dal přirovnat k adrenalinovému prostředí automobilových závodů - jde o nekonečný souboj s časem. Pojďme teď projet všechny zatáčky a nástrahy naší závodní dráhy, ať jsme co nejlépe připravení. Co se tedy dozvíme?Číst dále

Metrika Kumulativní posun layoutu (CLS): jak najít a odstranit nechtěné posuny stránky

Metrika Kumulativní posun layoutu (CLS): jak najít a odstranit nechtěné posuny stránky

Také vám vadí, když reklama na webu odsune text, který zrovna čtete? Jste naštvaní když vám těsně před kliknutím odskočí obsah a vy kliknete nechtěně jinam? Tyto nežádoucí situace při používání webu se nazývají posuny layoutu (layout shift).Číst dále

Tarif PLUS pro všechny profíky, kteří chtějí rychlejší web

Tarif PLUS pro všechny profíky, kteří chtějí rychlejší web

Dnes spouštíme placený tarif našeho monitorovacího nástroje. Tarif PLUS jsme vytvořili na základě mnoha let zkušeností s optimalizací a monitoringem webů pro desítky klientů.Číst dále