Google paziņo par Web Vitals iniciatīvu, lai izstrādātājiem sniegtu vienotus norādījumus par vietnes veiktspēju, izmantojot trīs galvenos rādītājus.
Atgriezies Chrome izstrādātāju samitā pagājušajā gadā, Google paziņoja par jauniem Chrome izstrādātāju rīkiem lai samazinātu lapas ielādes laiku un izveidotu vietējai lietotnei līdzīgu pieredzi. Tajā laikā uzņēmums apsprieda arī iniciatīvu nodrošināt izstrādātājiem vienotu metriku kopumu, ar ko salīdzināt, veidojot vietnes, ņemot vērā lietotāju pieredzi un veiktspēju. Pēc sākotnējās idejas Google tagad ir paziņojusi par Web Vitals iniciatīvu, kuras mērķis ir nodrošināt "vienoti norādījumi par kvalitātes signāliem, kas ir būtiski, lai nodrošinātu lielisku lietotāja pieredzi tīmeklī".
Gadu gaitā Google ir piedāvājis vairākus rīkus, lai palīdzētu vietņu izstrādātājiem izmērīt un ziņot par vietnes veiktspēju. Tie ietver tādas lietas kā bāka, Chrome DevTools, PageSpeed Insights un Search Console ātruma pārskats. Taču Google atzīmē, ka, lai gan daži izstrādātāji ir diezgan prasmīgi izmantot šos rīkus, citiem ir šķitis, ka dažādu rīku un metriku ir grūti sekot līdzi. Ar jauno iniciatīvu uzņēmuma mērķis ir vienkāršot ainavu, lai izstrādātāji varētu koncentrēties uz vissvarīgākajiem rādītājiem, ko sauc par Core Web Vitals.
Galvenās tīmekļa Vitals ir visu Web Vitals apakškopa, kas attiecas uz visām tīmekļa lapām, un tie ir jāmēra visiem vietņu īpašniekiem, un tie tiks rādīti visos Google rīkos. Pašlaik šīs galvenās tīmekļa Vitals koncentrējas uz trim lietotāja pieredzes aspektiem — ielādi, interaktivitāti un vizuālo stabilitāti — un ietver šādus rādītājus (un to attiecīgos sliekšņus):
- Lielākā saturiskā krāsa (LCP): mēra iekraušanas veiktspēju. Lai nodrošinātu labu lietotāja pieredzi, LCP ir jānotiek 2,5 sekunžu laikā pēc pirmās lapas ielādes sākuma.
- Pirmās ievades aizkave (FID): mēra interaktivitāti. Lai nodrošinātu labu lietotāja pieredzi, lapu FID ir jābūt mazākam par 100 milisekundēm.
- Kumulatīvā izkārtojuma maiņa (CLS): mēra redzes stabilitāti. Lai nodrošinātu labu lietotāja pieredzi, lapām ir jāuztur CLS, kas ir mazāka par 0,1
Lai palīdzētu izstrādātājiem izmērīt un ziņot par šiem galvenajiem tīmekļa Vitals, Google ir apņēmies iekļaut šos rādītājus savos rīkos. Šajā diagrammā ir sniegta informācija par to, kuri rīki atbalsta galveno tīmekļa Vitals:
Izstrādātāji varēs arī izmērīt katru Core Web Vital programmā JavaScript, izmantojot standarta tīmekļa API, un ziņot par katru Core Web Vital, nerakstot nekādu kodu, izmantojot Web Vitals Chrome paplašinājums. Paplašinājums izmanto Web-vitals bibliotēku, lai izmērītu šos rādītājus un parādītu tos lietotājiem, kad viņi pārlūko tīmekli. Paplašinājums var arī palīdzēt izprast jūsu vietņu, konkurentu vietņu un tīmekļa veiktspēju kopumā. Izstrādātāji, kuri vēlas izmērīt šos rādītājus, izmantojot pamatā esošās tīmekļa API, var skatīt metrikas ceļvežus vietnē, uz kuru ir norādīta tālāk norādītā saite, lai iegūtu detalizētu informāciju par ieviešanu.
Kopā ar pamata tīmekļa Vitals Google runā arī par citiem Web Vitals, kas kalpos kā starpniekserveris vai papildu metrika pamata vitals. Tie ietver tādus rādītājus kā laiks līdz pirmajam baitam (TTFB), pirmā saturiskā krāsa (FCP), kopējais bloķēšanas laiks (TBT) un laiks. uz Interactive (TTI), kas var palīdzēt izstrādātājiem iegūt lielāku daļu pieredzes vai palīdzēt diagnosticēt konkrētu jautājumiem.
Ir vērts atzīmēt, ka šie Web Vitals un Core Web Vitals laika gaitā attīstīsies, un izstrādātājiem vajadzētu sagaidīt turpmākus saraksta uzlabojumus vai papildinājumus. Tomēr, tā kā galvenās tīmekļa Vitals attiecas uz visām tīmekļa lapām un tiek piedāvātas vairākos Google rīkos, jebkādas izmaiņas šajos rādītājos nemainīs to definīciju un sliekšņus. Izstrādātāji tiks arī iepriekš informēti par gaidāmajām izmaiņām un paredzamo ikgadējo modeli. Sakarā ar to, ka citi Web Vitals ir specifiski kontekstam vai rīkiem, to definīcijas un sliekšņi var mainīties biežāk bez iepriekšēja brīdinājuma. Visas izmaiņas, kas veiktas visos Web Vital, tiks dokumentētas šajā dokumentā publisks izmaiņu žurnāls.
Avots: web.dev