28. 2. 2024

Article

S radostí oznamujeme, že jsme právě spustili další verzi app.pagespeed.cz, našeho nástroje pro monitoring rychlosti webu.

Co nového jsme přidali do verze 4.2? Nejprve se podívejme na hlavní novinky.

Možnost vkládat více URL

Ve výchozím nastavení je možné v jedné testovací sadě hlídat 5 URL vašeho webu a 4 další domény, například konkurenci.

Většině uživatelů to stačí, protože podrobně monitorujeme jen hlavní typové stránky a mnoho provozovatelů nemá více než jednu doménu.

Někteří z vás ale projevili zájem o větší počet URL a domén, takže jsme na této vlastnosti zapracovali. Nyní je to tedy za malý příplatek možné.

alt_textObrázek: Až 10 URL, pro případ, že máme velké množství unikátních šablon webu.

Nová metrika „Celkový čas blokování JS třetími stranami“

Často se setkáváme s tím, že vývojáři ze špatné performance webu viní JavaScript třetích stran – analytiku, personalizační nástroje, chaty a další komponenty vkládané přes GTM. Ne vždy tomu ale tak je.

Abyste mohli zhodnotit vliv třetích stran na rychlost webu, můžete si nyní porovnat celkový čas blokování (metriku TBT) s časem blokování třetími stranami (označujeme jako 3PBT):

alt_textObrázek: Celkový čas blokování JavaScriptu u tohoto webu je obrovský, ale třetí strany do něj nevstupují nijak zásadně.

Metrika INP do Core Web Vitals

Jak už pravděpodobně víte, Google od 12. března při vyhodnocování rychlosti webu přestane používat metriku FID ve prospěch zbrusu nové – Interaction to Next Paint (INP).

Upravili jsme proto už nyní všechny odpovídající dashboardy. Myslíme si, že metrika INP je pro měření prodlevy interakcí daleko lepší a proto FID zcela odstraňujeme z reportů.

alt_textObrázek: Tady to bude chtít ladit, INP je vysoké a některé interakce budou velmi, velmi pomalé.

Je dobré si připomenout, že INP je možné změřit jen na reálných uživatelích, proto je metrika dostupná jen v reportech z Chrome UX Reportu.

V syntetických datech se můžete zaměřit na pomocnou metriku TBT (Total Blocking Time), jejíž optimalizace v kombinaci s výstupem do Trace a laděním v Chrome DevTools vám s laděním INP pomůže.

Nastavení: více Slack/Teams kanálů

Do Nastavení přidáváme další vlastnost, kterou si naši uživatelé přáli, a to možnost posílat notifikace do více než jednoho kanálu v rámci Slacku nebo Teams.

Bývá časté (a vhodné), že do reportů jednoho týmu v app.pagespeed.cz přistupují lidé z různých firem, například marketingových nebo vývojářských. Proto jsme práci na této nové vlastnosti upřednostnili.

Hlídač: zkrácení prvního intervalu na 5 dní

Hlídač rychlosti seskupuje všechna syntetická data na jedno místo a hlásí změny, pokud k nim dojde. Je to zásadní nástroj pro základní kámen optimalizace rychlosti webu, tedy monitoring metrik.

alt_textObrázek: Krásně stabilní výsledky a Hlídač skoro nemá co monitorovat. První pravidlo rychlosti ale praví: Monitoruj, protože nikdy nevíš…

Hlídač obvykle sbírá data 14 dní, aby nastavil novou hladinu, ale u nových klientů našeho testeru si teď vystačí s pěti dny. Prostě proto, abyste výstupy monitoringu viděli o trochu dříve.

Vše dosud zmíněné jsou novinky pro uživatele tarifu PLUS.

Ještě se podívejme na menší nebo méně pro-uživatelské úpravy, které vydáváme s verzí 4.2.

Drobnosti: novinky, opravy chyb a tak dále, technické updaty

  • Demo projekt – pokud vás zajímá, jak vypadá tarif PLUS uvnitř, můžete se podívat na demonstrační ukázku s testem Mall.cz.
  • Do Nastavení jsme přidali informaci o časech spouštění testování, abyste se mohli vyhnout kolizím s případným spouštěním procesů na vašich webech.
  • Do UI jsme přidali lepší popisky osy X u grafů, abyste snadněji poznali, na co se právě díváte.
  • Lapili jsme bugy jako třeba ten s mylným popiskem CrUX dat v reportu Domény.
  • Vyladili jsme problém s e-mailovými notifikacemi, které někdy přišly bez obrázků.
  • Do grafů jsme přidali informaci o tom, proč nelze rozkliknout hodnoty v ročních grafech.
  • Uděleji jsme pořádný technologický skok a upgradovali Next.js na verzi 14.
  • Velký, ale interní úkol, byla možnost impersonace a admin lišta, abychom dokázali lépe pracovat s tím, co vidíte ve vašich testech.
  • Odladili jsme problém s AWS, který kolem 24. 2. způsobil neočekávaný růst javascriptových metrik. Teď už víme, že nemůžeme AWS dovolit testovat na procesorech od AMD.

Co bude dále?

V plánu je toho pro verzi 4.3 opět hodně:

  • Připravujeme samostatný web pro dokumentaci a „wiki“ kolem rychlosti webu.
  • V Hlídači nás trápí problém „oscilace kolem limitu“, kdy můžeme zpřesnit hlášení.
  • Rádi bychom zapracovali na lepším onboardingu pro nové uživatele.
  • Konečně se chceme pustit do experimentů s vlastními doporučeními, které chceme do testeru postupně vkládat na základě zkušeností z poradenství.

Máte přání nebo tip na vylepšení testeru rychlosti? Pište nám na info@pagespeed.cz.

První krok k rychlejšímu webu? Monitoring, například s pomocí našeho tarifu PLUS.

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

Pohled pod pokličku nové metriky Interaction to Next Paint

Pohled pod pokličku nové metriky Interaction to Next Paint

Vývojáři a majitelé webů, pozor. Pokud to ještě nevíte, Google přichází s novou metrikou Interaction to Next Paint (INP). Ta má v březnu roku 2024 v rámci tří nejdůležitějších metrik Core Web Vitals nahradit metriku First Input Delay (FID).Číst dále