Google oznamuje iniciatívu Web Vitals s cieľom poskytnúť vývojárom jednotný návod na výkonnosť webových stránok pomocou troch základných metrík.
Spoločnosť Google sa vrátila na minulý rok na konferencii Chrome Developer Summit oznámila nové nástroje pre vývojárov prehliadača Chrome skrátiť čas načítania stránky a vytvoriť prostredie podobné natívnej aplikácii. V tom čase spoločnosť diskutovala aj o iniciatíve poskytnúť vývojárom jednotný súbor metrík na meranie pri vytváraní webových stránok s ohľadom na používateľskú skúsenosť a výkon. V nadväznosti na pôvodný nápad spoločnosť Google teraz oznámila iniciatívu Web Vitals, ktorej cieľom je poskytnúť „jednotné pokyny pre signály kvality, ktoré sú nevyhnutné na poskytovanie skvelého používateľského zážitku na webe“.
V priebehu rokov spoločnosť Google ponúkla niekoľko nástrojov, ktoré pomáhajú vývojárom webových stránok merať a vykazovať výkonnosť webových stránok. Patria sem veci ako Maják, Chrome DevTools, PageSpeed Insights a prehľad rýchlosti Search Console. Google však poznamenáva, že zatiaľ čo niektorí vývojári sú v používaní týchto nástrojov celkom zbehlí, pre iných je rozmanitosť nástrojov a metrík trochu náročná na udržanie kroku. S novou iniciatívou sa spoločnosť snaží zjednodušiť prostredie, aby sa vývojári mohli zamerať na metriky, ktoré sú najdôležitejšie, nazývané Core Web Vitals.
Core Web Vitals sú podmnožinou všetkých Web Vitals, ktoré sa vzťahujú na všetky webové stránky, mali by byť merané všetkými vlastníkmi webových stránok a budú dostupné vo všetkých nástrojoch Google. V súčasnosti sa tieto Core Web Vitals zameriavajú na tri aspekty používateľskej skúsenosti – načítanie, interaktivitu a vizuálnu stabilitu – a zahŕňajú nasledujúce metriky (a ich príslušné prahové hodnoty):
- Najväčšia farba obsahu (LCP): meria výkon pri nakladaní. Na zabezpečenie dobrej používateľskej skúsenosti by sa LCP malo spustiť do 2,5 sekundy od prvého načítania stránky.
- Oneskorenie prvého vstupu (FID): meria interaktivitu. Na zabezpečenie dobrej používateľskej skúsenosti by stránky mali mať FID menej ako 100 milisekúnd.
- Kumulatívna zmena rozloženia (CLS): meria vizuálnu stabilitu. Na zabezpečenie dobrej používateľskej skúsenosti by stránky mali udržiavať CLS menšie ako 0,1
S cieľom pomôcť vývojárom merať a nahlasovať tieto Core Web Vitals sa Google zaviazal uvádzať tieto metriky vo svojich nástrojoch. Nasledujúca tabuľka uvádza, ktoré nástroje podporujú Core Web Vitals:
Vývojári budú tiež môcť merať každý Core Web Vital v JavaScripte pomocou štandardných webových rozhraní API a podávať správy o každom Core Web Vital bez písania akéhokoľvek kódu pomocou Rozšírenie Web Vitals pre Chrome. Rozšírenie využíva knižnicu web-vitals na meranie týchto metrík a ich zobrazovanie používateľom pri prehliadaní webu. Rozšírenie môže byť užitočné aj pri pochopení výkonnosti vašich webových stránok, webových stránok vašich konkurentov a webu vo všeobecnosti. Prípadne vývojári, ktorí uprednostňujú meranie týchto metrík pomocou základných webových rozhraní API, si môžu podrobnosti o implementácii pozrieť v sprievodcoch metrikami na nižšie uvedenej webovej lokalite.
Spolu s Core Web Vitals Google hovorí aj o ďalších Web Vitals, ktoré budú slúžiť ako proxy alebo doplnkové metriky pre Core Vitals. Patria sem metriky ako čas do prvého bajtu (TTFB), prvé vyfarbenie obsahu (FCP), celkový čas blokovania (TBT) a čas na interaktívne (TTI), ktoré môžu pomôcť vývojárom zachytiť väčšiu časť skúseností alebo pomôcť pri diagnostike konkrétnych problémy.
Stojí za zmienku, že tieto Web Vitals a Core Web Vitals sa budú časom vyvíjať a vývojári by mali očakávať budúce vylepšenia alebo doplnenie zoznamu. Keďže však Core Web Vitals sú relevantné pre všetky webové stránky a sú súčasťou niekoľkých nástrojov Google, žiadne zmeny týchto metrík nezmenia ich definíciu a prahové hodnoty. Vývojári budú tiež vopred upozornení na všetky nadchádzajúce zmeny a predvídateľný ročný vzor. Vzhľadom na to, že ostatné Web Vitals sú špecifické pre kontext alebo nástroje, ich definície a prahové hodnoty sa môžu meniť častejšie bez predchádzajúceho upozornenia. Všetky zmeny vykonané vo všetkých Web Vitals budú zdokumentované v tomto dokumente verejný zoznam zmien.
Zdroj: web.dev