Google oznamuje iniciativu Web Vitals, která má poskytnout jednotné pokyny pro výkon webových stránek

Google oznamuje iniciativu Web Vitals, jejímž cílem je poskytnout vývojářům jednotné pokyny ohledně výkonu webových stránek pomocí tří základních metrik.

Minulý rok na Chrome Developer Summit, Google oznámila nové vývojářské nástroje Chrome zkrátit dobu načítání stránky a vytvořit prostředí podobné nativní aplikaci. V té době společnost také diskutovala o iniciativě poskytnout vývojářům jednotnou sadu metrik, s nimiž se budou měřit při vytváření webových stránek s ohledem na uživatelskou zkušenost a výkon. V návaznosti na původní myšlenku nyní Google oznámil iniciativu Web Vitals, jejímž cílem je poskytovat „jednotné pokyny pro signály kvality, které jsou nezbytné pro poskytování skvělé uživatelské zkušenosti na webu“.

V průběhu let Google nabídl několik nástrojů, které pomáhají vývojářům webových stránek měřit a hlásit výkon webových stránek. Patří sem věci jako Maják, Chrome DevTools, PageSpeed ​​Insights a přehled rychlosti Search Console. Google však poznamenává, že zatímco někteří vývojáři jsou v používání těchto nástrojů docela zběhlí, pro jiné je rozmanitost nástrojů a metrik trochu náročná na udržení kroku. S novou iniciativou si společnost klade za cíl zjednodušit prostředí, aby se vývojáři mohli zaměřit na metriky, které jsou nejdůležitější, zvané Core Web Vitals.

Core Web Vitals jsou podmnožinou všech Web Vitals, které se vztahují na všechny webové stránky, měly by být měřeny všemi vlastníky webových stránek a budou k dispozici ve všech nástrojích Google. V současnosti se tyto Core Web Vitals zaměřují na tři aspekty uživatelské zkušenosti – načítání, interaktivitu a vizuální stabilitu – a zahrnují následující metriky (a jejich příslušné prahové hodnoty):

  • Největší obsahová barva (LCP): měří nakládací výkon. Pro zajištění dobré uživatelské zkušenosti by LCP mělo dojít do 2,5 sekund od prvního zahájení načítání stránky.
  • Zpoždění prvního vstupu (FID): měří interaktivitu. Pro zajištění dobrého uživatelského dojmu by stránky měly mít FID kratší než 100 milisekund.
  • Kumulativní změna rozložení (CLS): měří vizuální stabilitu. Pro zajištění dobrého uživatelského dojmu by stránky měly udržovat CLS nižší než 0,1

Abychom vývojářům pomohli měřit a hlásit tyto Core Web Vitals, Google se zavázal tyto metriky zobrazovat ve svých nástrojích. Následující tabulka uvádí, které nástroje podporují Core Web Vitals:

Vývojáři budou také moci měřit každý Core Web Vital v JavaScriptu pomocí standardních webových rozhraní API a reportovat o každém Core Web Vital bez psaní kódu pomocí Rozšíření Web Vitals pro Chrome. Rozšíření využívá knihovnu web-vitals k měření těchto metrik a jejich zobrazení uživatelům při procházení webu. Rozšíření může také pomoci porozumět výkonu vašich webových stránek, webových stránek vaší konkurence a webu obecně. Případně vývojáři, kteří by upřednostňovali měření těchto metrik pomocí základních webových rozhraní API, mohou podrobnosti o implementaci najít v průvodcích metrikami na níže odkazovaném webu.

Spolu s Core Web Vitals Google také hovoří o dalších Web Vitals, které budou sloužit jako proxy nebo doplňkové metriky pro Core vitals. Patří mezi ně metriky jako čas do prvního bajtu (TTFB), první obsahové vybarvení (FCP), celková doba blokování (TBT) a čas na interaktivní (TTI), které mohou vývojářům pomoci zachytit větší část zkušeností nebo pomoci při diagnostice konkrétních problémy.

Stojí za zmínku, že tyto Web Vitals a Core Web Vitals se budou časem vyvíjet a vývojáři by měli očekávat budoucí vylepšení nebo doplnění seznamu. Protože však Core Web Vitals jsou relevantní pro všechny webové stránky a jsou součástí několika nástrojů Google, žádné změny těchto metrik nezmění jejich definici a prahové hodnoty. Vývojáři budou také předem upozorněni na všechny nadcházející změny a předvídatelný roční vzor. Vzhledem k tomu, že ostatní Web Vitals jsou specifické pro kontext nebo nástroje, mohou se jejich definice a prahové hodnoty měnit častěji bez předchozího upozornění. Veškeré změny provedené ve všech Web Vitals budou zdokumentovány v tomto dokumentu veřejný seznam změn.


Zdroj: web.dev