Chrome UX Report: data o rychlosti od reálných uživatelů Googlu od A do Z

Chrome UX Report (CrUX) je veřejný datový soubor poskytovaný společností Google, který shromažďuje a anonymně analyzuje údaje o skutečné uživatelské zkušenosti při prohlížení webu pomocí prohlížeče Chrome.

Chrome UX Report od Googlu.

Chrome UX Report se zaměřuje na důležité metriky jako jsou rychlost načítání, interaktivita a stabilita obsahu. Díky tomu poskytuje cenné informace, jak si webové stránky vedou v reálných podmínkách.

Kromě základních metrik Core Web Vitals (LCP, INP, CLS) dnes CrUX poskytuje i rozšířená data, která jsme nově přidali do reportu Domény v našem monitoringu. Díky nim získáte hlubší vhled do toho, jak se váš web chová v reálných podmínkách. Najdete tu rozdělení uživatelů podle zařízení, podíly různých způsobů načtení stránek nebo detaily o tom, co brzdí obrázky u LCP.

CrUX vs. RUM a syntetika#

CrUX není jediný způsob, jak měřit rychlost u reálných uživatelů. Rozdíly mezi typy měření, jejich silné a slabé stránky a doporučenou kombinaci jsme rozepsali v článku synth vs. CrUX vs. RUM.

Chrome UX Report je ale autoritou pro SEO a PPC. Google data sám sbírá, sám ho používá jako signál ve vyhledávání a do Quality Score Google Ads.

Jak se data v Chrome UX Reportu měří?#

CrUX získává data přímo z prohlížeče Chrome od uživatelů, kteří si neodhlásili sdílení údajů o používání webu. Doména i URL adresy musí mít dostatečnou návštěvnost, aby se CrUX data zobrazila. Data jsou agregována na úrovni stránky i celé domény a obsahují také další informace o rychlosti připojení, regionu atd.

To dělá z CrUX dat jediný oficiálně reportovaný zdroj rychlosti webu, který má vliv na vaše umístění a cenu reklamy. Ale i CrUX má svá omezení, se kterými je nutné v praxi počítat:

• 28denní plovoucí průměr
  Dopady technických změn se v CrUX hodnotách projeví s odkladem několika týdnů. CrUX vám neřekne „od dneška je INP lepší“; ukáže až postupný sklon křivky.
• Segmentace zařízení
  Data se sbírají zvlášť pro mobil, tablet a desktop. Profil průměrného uživatele se mezi nimi výrazně liší.
• Práh viditelnosti
  Pro doménu i konkrétní URL musí být dostatečná návštěvnost (odhadem 10 – 15 tisíc zobrazení za měsíc), jinak data v CrUX vůbec nebudou.
• SPA vs. MPA
  U Single Page Application se CLS a INP měří kumulativně pro celou session, ne jen pro první načtení. CrUX hodnoty pak bývají u SPA horší než u klasických MPA, i když „rychlost“ subjektivně podobná. Detaily a způsob měření v Chrome dál rozebírá stránka web.dev o SPA a Web Vitals.

Pro debug konkrétního problému CrUX data nestačí. K němu používejte syntetiku nebo v pokročilejších případech RUM měření všech uživatelů.

Chrome UX Report naopak v PageSpeed.ONE používáme jako autoritativní metriky pro byznys rozhodování (SEO efekt, prioritizace) a jako referenční rámec, ke kterému výsledky synth a RUM přirovnáváte.

Proč jsou data z Chrome UX Reportu důležitá a kde se přesně používají?#

CrUX je zásadním zdrojem pro vývojáře, odborníky na SEO a digitální marketéry, protože nabízí pohled na data od reálných uživatelů. Z naší praxe jsme se nejčastěji setkali s vlivem rychlosti na:

• SEO
  Google zahrnuje metriky uživatelské zkušenosti Core Web Vitals do hodnocení webových stránek ve výsledcích vyhledávání. Lepší výkon může vést k lepšímu umístění ve vyhledávání.
• Hodnocení PPC kampaní
  Rychlost webových stránek ovlivňuje míru okamžitého opuštění a celkovou efektivitu PPC kampaní. Také cenu za reklamu v Google Ads může rychlost ovlivnit.
• Měření rychlosti (UX)
  CrUX poskytuje reálná data o rychlosti načítání stránek, což umožňuje vývojářům zlepšovat uživatelský prožitek. Analýzou těchto dat a optimalizacemi lze dosáhnout zrychlení webu, což vede k vyšší spokojenosti uživatelů. Jednoduše můžete také srovnávat svůj web s konkurencí.

Jaké metriky dataset obsahuje? #

Data Google sbírá pro mobily, tablety a desktop zvlášť. CrUX obsahuje informace o metrikách Core Web Vitals, kam patří tyto základní metriky:

• Largest Contentful Paint (LCP)
• Interaction to Next Paint (INP)
• Cumulative Layout Shift (CLS)

Metriky Core Web Vitals: nejzákladnější ze všech metrik rychlosti webu.

Další hodnoty, které jsou v datasetu dostupné, potom rozebíráme níže.

Origin vs. URL: granularita dat#

Chrome UX Report má data pro dvě úrovně stránek. Rozdíl je důležitý pro správnou interpretaci:

• Origin (např. https://www.example.com) vrací agregovaná data napříč celým zdrojem, včetně všech subpaths a lokalizací (/en-us, /fr, /produkt/…). Origin tedy dává průřez celé doméně.
• URL (např. https://www.example.com/en-us) vrací data jen pro tuto konkrétní URL. Nezahrnuje podstránky (/en-us/produkt/abc).

Na seskupení URL podle vzoru použijte Google Search Console, která pracuje s vlastním rozdělením URL skupin. Jak její reporty rychlosti číst, ukazuje průvodce Google Search Console a Core Web Vitals.

V praxi narazíte i na situace, kdy CrUX data chybí. Typicky kvůli třem důvodům:

1. Nedostatečná návštěvnost
   Bez ~10 – 15 tisíc PV za měsíc data v CrUX nebudou. Buď pro celou doménu, nebo pro konkrétní URL.
2. noindex na homepage
   Pokud je domovská stránka označená noindex, CrUX origin data nebude reportovat.
3. Redirect z kořenové stránky
   Pokud root automaticky přesměrovává na sub-stránku (např. domena.cz na domena.cz/vitejte) a původní root má noindex, CrUX sleduje původní noindex a nemusí redirect následovat. Výsledek: origin data zmizí, i když je samotný /vitejte zcela v pořádku.

Pokročilé metriky a Navigation Types#

CrUX dnes nabízí víc než jen tři metriky Core Web Vitals. Z pokročilých údajů využíváme nejvíc tyto:

• RTT (Roundtrip Time) odděluje vliv backendu od vlivu sítě. Pokud máte vysokou hodnotu RTT, ale rozumné TTFB, brzdí připojení uživatele k serveru a má smysl uvažovat o CDN.
• LCP Image Subparts ukazují, kterou částí LCP obrázku se ztrácí čas. Rozpadem na zpoždění serveru, dobu stahování a vykreslení snadno odhalíte, jestli pomůže lepší backend, menší obrázek, nebo fetchpriority.
• LCP Resource Type rozliší, jestli je LCP obrázek nebo text/webfont. To rozhoduje, kam směřovat optimalizaci. Buď preload obrázku, nebo preload kritického fontu.
• Navigation Types ukazují podíl jednotlivých typů navigací. Růst podílu BFcache a prerenderu přes Speculation Rules posouvá hodnoty LCP a INP směrem k nule, protože „okamžité“ navigace se v CrUX počítají jako rychlé.

Vývoj podílu jednotlivých typů navigace nám umožní vidět podíl rychlých nebo okamžitých navigací.

Speculation Rules jsme v praxi PageSpeed.ONE praxi nasadili u Innogy, kde rostoucí podíl okamžitých navigací citelně zlepšuje hodnoty pro celou doménu. Recept k tomu, jak metriku INP udržet pod kontrolou, najdete v optimalizaci INP.

Zpoždění dat v CrUX#

Data v Chrome UX Reportu nejsou real-time. Data jdou do CrUX s odkladem až měsíc od konce reportovaného období, podle datasetu:

• Měsíční dataset (CrUX BigQuery) se publikuje v pevný den (např. druhé úterý v měsíci) a obsahuje data za uplynulý kalendářní měsíc.
• CrUX Daily je aktuálnější. Dnes uvidíte data za včerejšek. Používá ale 28denní časové okno s plovoucím koncem.

Histogram rozložení hodnot metriky#

Hodnota 75. percentilu metriky (např. 2,1 s pro LCP) a tři barevné kategorie (část uživatelů pro které metrika vyhovuje, nutné zlepšit, nevyhovuje) jsou vlastně jen souhrn celkového obrázku rychlosti u uživatelů.

Histogram jde o úroveň dál. Ukazuje, jaká část uživatelů (nebo přesněji zobrazení stránky) měla v posledním měsíci konkrétní hodnotu metriky. Ukazuje tedy kolik uživatelů zažilo metriku v dané hodnotě.

Jde o pokročilý pohled. Bude vám dávat smysl, když umíte číst percentily, tvar distribuce a přemýšlíte o optimalizaci rychlosti na úrovni segmentů uživatelů, ne jen na úrovni jednoho čísla. Pro každodenní monitoring vám stačí stav metrik a vývoj v čase; histogram berte jako diagnostický detail.

Histogram v reportu Domény PageSpeed.ONE.

Kde CrUX histogram můžete najít?#

V PageSpeed.ONE najdete histogram v reportu Domény. Stejný typ pohledu (rozložení hodnot z CrUX) najdete i v jiných nástrojích jako třeba Treo nebo v samotném zdrojovém datovém setu pro Chrome UX Report.

Proč histogram sledovat?#

75. percentil je jedno číslo. Histogram ukáže, jestli je masa uživatelů těsně pod prahem, jestli zelený 75. percentil skrývá velkou oranžovou nebo červenou hmotu, nebo jestli problém tvoří jen tenký „ocas“ extrémně pomalých zobrazení. Bez znalosti tvaru distribuce snadno optimalizujete špatný segment.

Jak číst tvar CrUX histogramu?#

Histogram ukazuje poslední měsíc CrUX dat bez přepínače období. Nejde o porovnání „před a po“ v tomto grafu – k tomu slouží denní a měsíční vývoj. Na jednom snímku ale vyčtete:

• Blízko prahu vs. hluboko v červeném – většina „špatných“ hodnot těsně za limitem často znamená, že stačí menší zásah; masa daleko v červeném pásmu spíš struktura webu nebo šablony.
• Více vrcholů – typicky různé segmenty (cache vs. bez cache, různé šablony, geografické rozdíly). U TTFB je klasická dvojitá distribuce popsaná v optimalizaci backendu.
• Tenký pravý ocas – pár katastrofálních zobrazení vs. posun celé masy doprava (problém napříč webem).
• Metrika po metrice – u LCP se zaměřte na případný druhý vrchol); u INP dlouhý ocas těžkých interakcí; u CLS špičku u nuly a tenký ocas vs. posun celé distribuce.
• Srovnání domén – stejný 75. percentil a jiný tvar = jiná priorita optimalizace (většina pomalá vs. většina v pohodě a pár katastrof).

Vztah histogramu ke skóre PageSpeed.ONE#

Skóre PageSpeed.ONE (SPS) už při výpočtu zohledňuje celou distribuci uživatelů, nejen 75. percentil. Histogram je vizuální drill-down po jednotlivých metrikách: vidíte tvar, ze kterého SPS (a Google) vycházejí.

Kde lze najít data z Chrome UX Reportu?#

S CrUX daty pracuje řada nástrojů. Liší se aktuálností, podporou metrik a přehledností. V praxi doporučujeme začít naším nástrojem pro test rychlosti webu (Insights). Dostanete přehledné UI, skóre PageSpeed.ONE (SPS) jako jedno souhrnné číslo, vývoj CrUX dat v čase a propojení synth a CrUX dat v jednom dashboardu:

Další možnosti, jak získat CrUX data jsou například:

• CrUX Vis je experimentální Google nástroj pro vizualizaci CrUX. Hodí se spíše pro specialisty, kteří chtějí flexibilitu na úkor přehlednosti.
• PageSpeed Insights od Googlu data ukazuje, ale neposkytuje vývoj v čase. Pro jednorázové ověření je v pořádku, pro monitoring vývoje ne.
• Google BigQuery zpřístupňuje surový dataset pro pokročilou analýzu pomocí SQL. K němu existuje i CrUX History API, které vrací týdenní data a je rychlejší než ad-hoc BigQuery dotazy.

Jak využíváme CrUX data v monitoringu PageSpeed.ONE?#

Reporty CrUX dat z monitoringu PLUS od PageSpeed.ONE ukazují například stav metrik v dashboardu a vývoj hodnot na doménách:

Vývoj rychlosti podle dat z CrUX v monitoringu rychlosti od PageSpeed.ONE.

Sledování CrUX dat je velmi důležité pro všechny weby, které tato data mají. V našem reportu Domény najdete mimo jiné:

• Metriky Core Web Vitals (LCP, INP, CLS).
• Další metriky rychlosti (FCP, TTFB, RTT).
• Histogram rozložení hodnot metriky – detailní pohled na hustotu hodnot za poslední měsíc.
• Rozdělení uživatelů podle typu zařízení (mobil, tablet, desktop).
• Rozdělení způsobů načtení stránek (navigate, reload, bfcache, prerender…).
• Typ zdroje pro metriku LCP (obrázek vs. text).
• Důvody zpoždění obrázků, které jsou LCP prvkem,
• Vývoj těchto dat po dnech a měsících.

Tyto informace dohromady tvoří obraz toho, jak vaši uživatelé skutečně zažívají rychlost webu, a kde máte prostor na zlepšení. Pokud chcete místo jednotlivých metrik sledovat jedno souhrnné číslo, doporučujeme skóre PageSpeed.ONE (SPS), které z CrUX dat vychází a zohledňuje celou distribuci uživatelů, nejen 75. percentil.