Google najavljuje inicijativu Web Vitals za pružanje jedinstvenih smjernica razvojnim programerima o izvedbi web stranica pomoću tri temeljne metrike.
Na prošlogodišnjem Chrome Developer Summitu, Google najavio nove alate za razvojne programere Chromea kako bi se smanjilo vrijeme učitavanja stranice i izgradilo izvorno iskustvo slično aplikaciji. U to je vrijeme tvrtka također raspravljala o inicijativi da se razvojnim programerima pruži objedinjeni skup metrika za mjerenje pri izradi web stranica imajući na umu korisničko iskustvo i performanse. Nastavljajući početnu ideju, Google je sada najavio inicijativu Web Vitals koja ima za cilj pružiti "objedinjene smjernice za kvalitetne signale koji su ključni za pružanje izvrsnog korisničkog iskustva na webu".
Tijekom godina Google je ponudio nekoliko alata za pomoć razvojnim programerima web stranica u mjerenju i izvješćivanju o izvedbi web stranica. To uključuje stvari kao što su Lighthouse, Chrome DevTools, PageSpeed Insights i izvješće o brzini usluge Search Console. No, Google primjećuje da dok su neki programeri prilično vješti u korištenju ovih alata, drugi smatraju da je raznolikost alata i metrika malo izazovna za držanje koraka. S novom inicijativom, tvrtka ima za cilj pojednostaviti krajolik tako da se programeri mogu usredotočiti na metriku koja je najvažnija, pod nazivom Core Web Vitals.
Temeljni web-vitali podskup su svih web-vitala koji se odnose na sve web-stranice, trebaju ih mjeriti svi vlasnici web-mjesta i bit će prikazani u svim Googleovim alatima. Trenutačno se ovi temeljni web pokazatelji usredotočuju na tri aspekta korisničkog iskustva — učitavanje, interaktivnost i vizualnu stabilnost — i uključuju sljedeće metrike (i njihove odgovarajuće pragove):
- Bojanje najvećeg sadržaja (LCP): mjeri učinak opterećenja. Za pružanje dobrog korisničkog iskustva, LCP bi se trebao dogoditi u roku od 2,5 sekunde nakon što se stranica prvi put počne učitavati.
- Odgoda prvog unosa (FID): mjeri interaktivnost. Za pružanje dobrog korisničkog iskustva, stranice bi trebale imati FID manji od 100 milisekundi.
- Kumulativni pomak izgleda (CLS): mjeri vizualnu stabilnost. Za pružanje dobrog korisničkog iskustva, stranice bi trebale održavati CLS manji od 0,1
Kako bi pomogao razvojnim programerima u mjerenju i izvješćivanju o ovim ključnim web pokazateljima, Google je predan prikazivanju ovih mjernih podataka u svojim alatima. Sljedeća tabela prikazuje koji alati podržavaju temeljne web vitale:
Programeri će također moći mjeriti svaki Core Web Vital u JavaScriptu pomoću standardnih web API-ja i izvješćivati o svakom Core Web Vitalu bez pisanja koda, koristeći Chromeovo proširenje Web Vitals. Proširenje koristi biblioteku web-vitals za mjerenje ovih metrika i njihovo prikazivanje korisnicima dok pretražuju web. Proširenje također može biti od pomoći u razumijevanju izvedbe vaših web stranica, web stranica vaše konkurencije i weba općenito. Alternativno, razvojni programeri koji bi radije mjerili ove metrike pomoću temeljnih web API-ja mogu se obratiti vodičima za metrike na web stranici s vezom u nastavku za pojedinosti o implementaciji.
Uz Core Web Vitals, Google također govori o drugim Web Vitalsima koji će služiti kao proxy ili dopunska metrika za Core vitals. To uključuje metrike poput vremena do prvog bajta (TTFB), prvog slikanja sadržaja (FCP), ukupnog vremena blokiranja (TBT) i vremena na Interactive (TTI) koji mogu pomoći razvojnim programerima da uhvate veći dio iskustva ili pomoći u dijagnosticiranju određenih pitanja.
Vrijedno je napomenuti da će se ovi Web Vitals i Core Web Vitals vremenom razvijati i programeri bi trebali očekivati buduća poboljšanja ili dodatke popisu. Međutim, budući da su temeljni web-vitali relevantni za sve web-stranice i predstavljeni u nekoliko Googleovih alata, bilo kakve promjene ovih mjernih podataka neće promijeniti njihovu definiciju i pragove. Programeri će također dobiti prethodnu obavijest o svim nadolazećim promjenama i predvidljivom godišnjem obrascu. Zbog činjenice da su drugi Web Vitals specifični za kontekst ili alate, njihove se definicije i pragovi mogu češće mijenjati bez prethodne obavijesti. Sve promjene napravljene na svim Web Vitals bit će dokumentirane u ovome javni dnevnik promjena.
Izvor: web.dev