Monitoring v4.6

Do monitoringu PageSpeed.cz přichází Vánoce vždy o trochu dříve. Uživatelům našeho monitoring rychlosti jsme totiž v prvním prosincovém týdnu nadělili novou verzi nástroje.

Můžete se těšit na velkou předělávku Poznámek, nové skóre rychlosti, lepší způsob vyhodnocování hlášení Hlídače. Celkem asi 80 změn v monitorovací aplikaci.

Skóre PageSpeed.cz: rychlost webu v jednom čísle

Měření rychlosti je složité. Musíte znát mnoho metrik, chápat různé typy měření. Čert, aby se v tom vyznal. Obzvlášť, když máte na starosti více webů.

Přicházíme proto se skóre PageSpeed.cz (SPS), které v jednom čísle a v jedné barvě vyjadřuje to nejdůležitější, a to hodnotu všech metrik Core Web Vitals od uživatelů.

Skóre rychlosti (SPS) počítáme pro celou doménu, a to jak pro mobil a desktop zvlášť, tak dohromady.

Proč s metrikou SPS přicházíme? Cílem je zjednodušit pohled na data z Chrome UX Reportu, například v situaci, kdy sledujete více webů. Nyní by vám mělo stačit dívat se na jedno číslo.

Jak se skóre počítá? Každá metrika, každý typ zařízení mají svou váhu. V barvě metriky navíc poznáte celkové hodnocení, které dostáváte za rychlost od Googlu. Ten používá třístupňovou škálů – zelená, oranžová a červená.

Pokračujeme v práci na tom, aby vás monitoring spolehlivě dovedl k nejdůležitějším informacím a pomohl vám snadno porozumět rychlosti vašeho webu. Skóre je jen první krok ze série dalších updatů.

Změřte si skóre rychlosti vašeho webu: app.pagespeed.cz.

Velká aktualizace Poznámek

Poznámky v grafech považujeme za jeden z nejdůležitějších nástrojů pro správnou práci na zlepšování rychlosti webu. I proto v této verzi přicházíme s větší změnou práce s tímto nástrojem.

Vkládání poznámek o důležitých změnách webu do grafů vám umožní spojit si změny v rychlosti s konkrétními úpravami.

Pro verzi 4.6 monitoringu rychlosti PLUS jsme připravili několik zásadních změn při práci s poznámkami:

• Do grafů je nyní možné přidat nebo zobrazit více poznámek pro jeden den.
• Odlišujeme vaše poznámky od těch vkládaných automaticky, např. při změně měření.
• Poznámky jsou nyní více vidět, např. i díky tomu, že jsou v hlavní navigaci testu.
• K poznámce si nově můžete přidat také podrobnější text.

Nasadili jsme ale i vylepšení poznámek, však sami uvidíte.

Poznámky o důležitých změnách jsou základem zpětného vyhodnocení problémů nebo také důvodem k oslavě, když se něco opraví.

Co se stane s vašimi stávajícím poznámkami? Žádný strach, vše zůstane při starém.

Poznámky si uživatelé monitoringu PLUS velmi pochvalují. Eduard Beneš z PragueBest nám například napsal:

„Oceňujeme možnost kontroly dat na denní bázi a emailové notifikace. Osvědčilo se nám do nástroje značit změny a sledovat jejich dopad.“

Více najdete v nově aktualizované nápovědě k Poznámkám.

Jak vyhodnocovat notifikace Hlídače

Tvrdíme, že naše hlídání rychlosti webu patří k nejlepším na trhu. Na rozdíl od konkurence vás nenutíme ručně nastavovat sledované hladiny metrik, máme velmi citlivý algoritmus, které se liší pro různé metriky a tudíž velmi eliminujeme šum, které přichází v signálech od jiných nástrojů pro monitoring rychlosti.

Přesto je pro vyhodnocování notifikací Hlídače potřeba mít po ruce (nebo v hlavě) určité znalosti. Ne každé hlášení Hlídače prostě vyžaduje akci.

Proto přicházíme s nápovědou, jak vyhodnocovat signály našeho monitoringu. Naší misí je, aby se rychlost webů stala srozumitelnější i laikům a tento krok je součástí této mise.

V každém hlášení Hlídače přichází nově také informace, jak notifikaci vyhodnotit.

Hlídač je zásadní součástí monitoringu rychlosti. Podívejte se na stránku nápovědy o vyhodnocování hlášení Hlídače pro jednotlivé metriky.

Aktualizace obsahu nápovědy

Naše vzdělávací mise pokračuje sdílením našeho know-how směrem k širší veřejnosti na stránkách nápovědy. Znáte už docs.pagespeed.cz?

Co nového jsme do Nápovědy k rychlosti webu přidali během práce na verzi monitoringu 4.6?

• Jak rychlosti pomohou backenďáci? (autorkou je Zuzana Šumlanská)
• K čemu je dobrý Chrome UX Report? (Zuzana Šumlanská)
• Jak na optimalizaci INP? (Zuzana Šumlanská)
• Co obnáší základní optimalizace Reactu? (Michal Matuška)
• Co pro INP dělá trik se setTimeOut()? (Michal Matuška)
• Obrázky WebP: jak pomohou rychlosti? (Radek Šír)
• Jak na optimalizaci LCP? (Radek Šír)
• Jak na optimalizaci CLS? (Radek Šír)
• Jak držet výšku prvků a nezhoršit CLS? (Radek Šír)

Aktualizací Nápovědy ovšem byla celá řada. Snažíme se tuto sekci udržovat co nejčerstvější.

Sledovat změny nápovědy a dostávat další novinky můžete na našich sociálních sítích (LinkedIn, Facebook, X) nebo v našem newsletteru.

Menší produktové úkoly

Podívejte se také na menší úpravy, které se nějak pozitivně projevily v monitoringu po nasazení verze 4.6:

• UI: Info, když nemáme CrUX data pro doménu, se zobrazuje i mimo dashboard
• Hlídač už nehlídá Lighthouse score (LPS), jen duplikuje ostatní metriky
• Onboarding při založení testu PLUS: Sjednocení odpočtu zobrazení grafu v Hlídači
• Onboarding při založení testu PLUS: Lepší obsah pro informační e-maily PLUS
• Chyba měření: Lepší dokumentace, pokud neměříme kvůli Network.getResponseBody
• Newsletter: Chybějící redirection a UTM parametry u názvu týmu
• Onboarding při založení testu PLUS: Nyní je možnost rezervovat demo
• Grafy: Pojmenování grafu se nyní mění, když přepínáme domény
• Nastavení PLUS: Přidat příplatky do UI a do Nápovědy
• Report Technické: Celá čísla v grafu počtu blokující JS
• UI: V modálech je nyní vidět, která konkrétní URL patří k pojmenované stránce
• Grafy: Zobrazujeme i dny, kde chybí data, jen bez dat
• UI: Postupně čistíme „tooltip hell“
• Formuláře po měření: Přidávání „https://“, aby šlo měření pustit snadněji

Interní a dlouhodobé produktové úkoly

Kromě viditelných změn jsem také v tomto release odpracovali hodně práce na různých interních technických nebo produktových úkolech, jako jsou:

• Úprava měření návštěvnosti a vlastní reporting.
• Přechod technické části z Basecampu na Github Projects.
• Interní notifikace o neprobíhajících testech.
• Příprava na překlad nástroje do angličtiny.
• Příprava databáze na plánované větší změny a zrychlení.
• Restrukturalizace Nápovědy pro snadnější práci a překlady.
• Zrychlení nasazování změn.
• Příprava na jednorázový test.

Ve verzi 4.6 jsme také opravili asi 20 bugů, z nichž některé jste nám hlásili vy (děkujeme!).

Našli jste chybu nebo máte nápad na vylepšení našeho monitoringu PLUS? Napište nám na info@pagespeed.cz.