Vychází PageSpeed.cz tester ve verzi 4.2: více URL, third-party JS, INP, více Slacků a Teams

28. února 2024 · 4 minuty čtení

Konzultant rychlosti, specialista na UI a hlavní kontakt.

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_text Obrá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_text Obrá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_text Obrá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_text Obrá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.