Google julkistaa Web Vitals -aloitteen, jonka tarkoituksena on tarjota kehittäjille yhtenäisiä ohjeita verkkosivustojen toimivuudesta kolmen keskeisen mittarin avulla.
Takaisin viime vuonna Chrome Developer Summit -tapahtumaan, Google ilmoitti uusista Chromen kehittäjätyökaluista lyhentääksesi sivun latausaikaa ja rakentaaksesi natiivisovellusmaista kokemusta. Tuolloin yhtiö keskusteli myös aloitteesta tarjota kehittäjille yhtenäinen mittaristo, jota voidaan verrata heidän rakentaessaan verkkosivustoja käyttökokemusta ja suorituskykyä silmällä pitäen. Alkuperäisen idean jälkeen Google on nyt ilmoittanut Web Vitals -aloitteesta, jonka tarkoituksena on tarjota "yhtenäinen opastus laatusignaaleille, jotka ovat välttämättömiä erinomaisen käyttökokemuksen tarjoamiseksi verkossa".
Google on vuosien mittaan tarjonnut useita työkaluja, joiden avulla verkkosivustojen kehittäjät voivat mitata ja raportoida verkkosivustojen tehokkuutta. Näitä ovat mm. Majakka, Chrome DevTools, PageSpeed Insights ja Search Consolen nopeusraportti. Mutta Google huomauttaa, että vaikka jotkut kehittäjät ovat melko taitavia käyttämään näitä työkaluja, toiset ovat havainneet, että työkalujen ja mittareiden valikoima on hieman haastavaa pysyä mukana. Uudella aloitteella yritys pyrkii yksinkertaistamaan maisemaa, jotta kehittäjät voivat keskittyä tärkeimpiin mittareihin, joita kutsutaan Core Web Vitals -mittariksi.
Core Web Vitals on osa kaikista Web Vitals -arvoista, jotka koskevat kaikkia verkkosivuja. Kaikkien verkkosivustojen omistajien tulee mitata ne, ja ne näkyvät kaikissa Googlen työkaluissa. Tällä hetkellä nämä Core Web Vitals keskittyvät kolmeen käyttökokemuksen osa-alueeseen – lataukseen, interaktiivisuuteen ja visuaaliseen vakauteen – ja sisältävät seuraavat tiedot (ja niitä vastaavat kynnysarvot):
- Suurin sisältöä sisältävä maali (LCP): mittaa lataustehoa. Hyvän käyttökokemuksen takaamiseksi LCP: n tulisi tapahtua 2,5 sekunnin sisällä sivun latautumisesta.
- Ensimmäinen tuloviive (FID): mittaa interaktiivisuutta. Hyvän käyttökokemuksen takaamiseksi sivujen FID: n tulee olla alle 100 millisekuntia.
- Kumulatiivinen ulkoasun muutos (CLS): mittaa visuaalista vakautta. Hyvän käyttökokemuksen takaamiseksi sivujen CLS: n tulee olla alle 0,1
Auttaakseen kehittäjiä mittaamaan ja raportoimaan nämä Core Web Vitals -arvot Google on sitoutunut tuomaan nämä tiedot työkaluihinsa. Seuraavassa kaaviossa kerrotaan, mitkä työkalut tukevat Core Web Vitalsia:
Kehittäjät voivat myös mitata jokaisen Core Web Vitalin JavaScriptissä käyttämällä tavallisia verkkosovellusliittymiä ja raportoida jokaisesta Core Web Vitalista kirjoittamatta koodia käyttämällä Web Vitals Chrome -laajennus. Laajennus käyttää web-vitals-kirjastoa näiden mittareiden mittaamiseen ja niiden näyttämiseen käyttäjille heidän selatessaan verkkoa. Laajennus voi myös auttaa ymmärtämään verkkosivustojesi, kilpailijasi verkkosivustojen ja verkon tehokkuutta. Vaihtoehtoisesti kehittäjät, jotka haluavat mitata näitä mittareita taustalla olevien verkkosovellusliittymien avulla, voivat katsoa alla linkitetyn verkkosivuston mittausoppaista käyttöönottoa koskevia tietoja.
Core Web Vitals -tietojen lisäksi Google puhuu myös muista Web Vitals -arvoista, jotka toimivat Core Vitals -tietojen välityspalvelimena tai täydentävinä mittareina. Näitä ovat muun muassa Time to First Byte (TTFB), First Contentful Paint (FCP), Total Blocking Time (TBT) ja Time Interactive (TTI), joka voi auttaa kehittäjiä vangitsemaan suuremman osan kokemuksesta tai auttaa diagnosoimaan tiettyjä ongelmia.
On syytä huomata, että nämä Web Vitals ja Core Web Vitals kehittyvät ajan myötä ja kehittäjien pitäisi odottaa tulevia parannuksia tai lisäyksiä luetteloon. Koska Core Web Vitals -arvot ovat olennaisia kaikille verkkosivuille ja ne on esitetty useissa Googlen työkaluissa, mitkään muutokset näihin mittareihin eivät muuta niiden määritelmiä ja kynnysarvoja. Kehittäjille ilmoitetaan myös etukäteen kaikista tulevista muutoksista ja ennustettavasta vuosittaisesta mallista. Koska muut Web Vitals ovat konteksti- tai työkalukohtaisia, niiden määritelmät ja kynnykset voivat muuttua useammin ilman ennakkoilmoitusta. Kaikkiin Web Vitaleihin tehdyt muutokset dokumentoidaan tässä julkinen muutosloki.
Lähde: web.dev