Google kunngjør Web Vitals-initiativet for å gi enhetlig veiledning til utviklere om nettstedytelse ved hjelp av tre kjerneverdier.
Tilbake på Chrome Developer Summit i fjor, Google annonserte nye Chrome-utviklerverktøy for å redusere sidelastetiden og bygge en applignende opplevelse. På den tiden diskuterte selskapet også et initiativ for å gi utviklere et enhetlig sett med beregninger å måle mot når de bygger nettsteder med brukeropplevelse og ytelse i tankene. For å følge opp den første ideen har Google nå annonsert Web Vitals-initiativet som har som mål å tilby "enhetlig veiledning for kvalitetssignaler som er avgjørende for å levere en god brukeropplevelse på nettet".
I løpet av årene har Google tilbudt flere verktøy for å hjelpe nettstedutviklere med å måle og rapportere nettstedets ytelse. Disse inkluderer ting som fyrtårn, Chrome Dev Tools, PageSpeed Insights og Search Consoles hastighetsrapport. Men Google bemerker at selv om noen utviklere er ganske dyktige til å bruke disse verktøyene, har andre syntes variasjonen av verktøy og beregninger er litt utfordrende å holde tritt med. Med det nye initiativet har selskapet som mål å forenkle landskapet slik at utviklere kan fokusere på beregningene som betyr mest, kalt Core Web Vitals.
Core Web Vitals er en undergruppe av alle Web Vitals som gjelder for alle nettsider, bør måles av alle nettstedeiere, og vil vises på tvers av alle Google-verktøy. For øyeblikket fokuserer disse Core Web Vitals på tre aspekter av brukeropplevelsen – lasting, interaktivitet og visuell stabilitet – og inkluderer følgende beregninger (og deres respektive terskler):
- Største innholdsrike maling (LCP): måler lasteytelse. For å gi en god brukeropplevelse bør LCP skje innen 2,5 sekunder etter at siden først begynner å lastes.
- Første inngangsforsinkelse (FID): måler interaktivitet. For å gi en god brukeropplevelse, bør sidene ha en FID på mindre enn 100 millisekunder.
- Kumulativt oppsettskift (CLS): måler visuell stabilitet. For å gi en god brukeropplevelse, bør sidene ha en CLS på mindre enn 0,1
For å hjelpe utviklere med å måle og rapportere disse Core Web Vitals, er Google forpliktet til å vise disse beregningene i sine verktøy. Følgende diagram viser hvilke verktøy som støtter Core Web Vitals:
Utviklere vil også kunne måle hver Core Web Vital i JavaScript ved å bruke standard web-APIer og rapportere om hver Core Web Vital uten å skrive noen kode, ved å bruke Web Vitals Chrome Extension. Utvidelsen bruker web-vitals-biblioteket for å måle disse beregningene og vise dem til brukere mens de surfer på nettet. Utvidelsen kan også være nyttig for å forstå ytelsen til nettstedene dine, konkurrentens nettsteder og nettet for øvrig. Alternativt kan utviklere som foretrekker å måle disse beregningene ved å bruke de underliggende nett-API-ene, se beregningsveiledningene på nettstedet som er koblet til nedenfor for implementeringsdetaljer.
Sammen med Core Web Vitals, snakker Google også om andre Web Vitals som vil tjene som proxy eller supplerende beregninger for Core Vitals. Disse inkluderer beregninger som Time to First Byte (TTFB), First Contentful Paint (FCP), Total Blocking Time (TBT) og Time til Interactive (TTI) som kan hjelpe utviklere å fange en større del av erfaringen eller hjelpe til med å diagnostisere spesifikke problemer.
Det er verdt å merke seg at disse Web Vitals og Core Web Vitals vil utvikle seg over tid, og utviklere bør forvente fremtidige forbedringer eller tillegg til listen. Men siden Core Web Vitals er relevante for alle nettsider og vises på flere Google-verktøy, vil ikke endringer i disse beregningene endre definisjonen og terskelverdiene. Utviklere vil også bli varslet på forhånd om eventuelle kommende endringer og et forutsigbart, årlig mønster. På grunn av det faktum at de andre Web Vitals er kontekst- eller verktøyspesifikke, kan deres definisjoner og terskler endres med større frekvens uten forvarsel. Eventuelle endringer i alle Web Vitals vil bli dokumentert i denne offentlig endringslogg.
Kilde: web.dev