Skip to main content

Navigation Types

Navigation Types ukazují způsob, jakým uživatelé přistupují na webovou stránku. Mohou například použít přímé zadání URL, obnovení stránky nebo se vrátit přes historii procházení prohlížeče.

Znát různé typy navigace je důležité, protože některé z nich jsou daleko rychlejší než jiné. Cílem z pohledu optimalizace rychlosti webu je převést co nejvíce uživatelů na rychlé typy navigace.

Jak získat Navigation Types?

V prohlížečích jsou vestavěny v API jako PerformanceNavigationTiming.type. Google je sbírá od uživatelů v datové sadě Chrome UX Report (CrUX). Pro váš web je můžete získat v rámci monitoringu PageSpeed.cz PLUS.

Proč jsou Navigation Types důležité?

Důvodů, proč Navigation Types sledovat, je několik:

  1. Pomáhají pochopit chování uživatelů a optimalizovat webové stránky pro rychlejší načítání, čímž zlepšují uživatelskou zkušenost, SEO a další byznysové aspekty.
  2. Umožňují identifikovat problémy s načítáním a analyzovat, jak různé metody navigace ovlivňují výkon webu.
  3. Pomáhají při plánování a implementaci strategií pro kešování a předrenderování, což vede k lepší výkonnosti webových aplikací.

Možné hodnoty Navigation Types

Typ navigacePopis
navigatePřímé načtení stránky uživatelem zadáním URL nebo kliknutím na odkaz.
navigate_cacheNačtení HTML dokumentu z keše prohlížeče.
reloadObnovení stránky uživatelem.
restoreStránka byla znovu načtena po restartu prohlížeče nebo po restartu karty z paměťových důvodů.
back_forwardPřechod zpět nebo vpřed v historii prohlížeče
back_forward_cacheNačtení z BFcache, které slouží k okamžitému zobrazení stránky z historie procházení.
prerenderPřednačtení stránky pro rychlejší zobrazení při budoucím požadavku, např. pomocí Speculation Rules API.

Co se s tím dá dělat?

Znalost Navigation Types vám umožní optimalizovat zobrazení stránky pro okamžité typy navigací:

  1. Implementace BFCache: Umožňuje rychlé načítání stránky při pohybu uživatele v historii.
  2. Kešování HTML: Efektivní ukládání a správa dat pro opakované načtení. Umožní vám to také lepší ukládání v mezipaměti na různých CDN.
  3. Prerenderování: Předběžné načítání klíčových stránek, např. pomocí Speculation Rules API.

Monitoring PageSpeed.cz PLUS využívá data o Navigation Types k lepšímu pochopení uživatelských interakcí a optimalizaci webů pro rychlejší načítání.

V monitoringu tím umožníme v čase sledovat, jak různé typy navigace ovlivňují rychlost a uživatelskou zkušenost, a vy tomu můžete přizpůsobit své strategie pro vylepšení webu.

Obrázek: Vývoj jednotlivých typů navigace na Mall.cz.

Jak vidíte na obrázku, rychlé typy navigace u webů často proběhnou jen v jednotkách procent zhlédnutí stránek. Navigation Types proto mohou být velká a často snadno dostupná optimalizační příležitost.