Google tillkännager Web Vitals-initiativ för att ge enhetlig vägledning om webbplatsens prestanda

Core Web Vitals

Under åren har Google erbjudit flera verktyg som hjälper webbplatsutvecklare att mäta och rapportera webbplatsens prestanda. Dessa inkluderar saker som Lighthouse, Chrome DevTools, PageSpeed ​​Insights och Search Consoles hastighetsrapport. Men Google konstaterar att även om vissa utvecklare är ganska skickliga på att använda dessa verktyg, har andra tyckt att olika verktyg och mätvärden är lite utmanande att hänga med. Med det nya initiativet syftar företaget till att förenkla landskapet så att utvecklare kan fokusera på de mätvärden som betyder mest, kallad Core Web Vitals.

Core Web Vitals är en delmängd av alla Web Vitals som gäller för alla webbsidor, ska mätas av alla webbplatsägare och kommer att visas på alla Googles verktyg. För närvarande fokuserar dessa Core Web Vitals på tre aspekter av användarupplevelsen – laddning, interaktivitet och visuell stabilitet – och inkluderar följande mått (och deras respektive trösklar):

Största innehållsfulla färg (LCP): mäter lastprestanda. För att ge en bra användarupplevelse bör LCP uppstå inom 2,5 sekunder efter att sidan laddas in.Första ingångsfördröjning (FID): mäter interaktivitet. För att ge en bra användarupplevelse bör sidorna ha en FID på mindre än 100 millisekunder.Kumulativ layoutförskjutning (CLS): mäter visuell stabilitet. För att ge en bra användarupplevelse bör sidorna ha en CLS på mindre än 0,1

För att hjälpa utvecklare att mäta och rapportera dessa Core Web Vitals, har Google åtagit sig att hitta dessa mätvärden i sina verktyg. Följande diagram beskriver vilka verktyg som stöder Core Web Vitals:

Utvecklare kommer också att kunna mäta varje Core Web Vital i JavaScript med hjälp av standard-webb-API: er och rapportera om varje Core Web Vital utan att skriva någon kod, med hjälp av Web Vitals Chrome Extension. Tillägget använder webb-vitala biblioteket för att mäta dessa mätvärden och visa dem för användare när de surfar på nätet. Tillägget kan också vara till hjälp för att förstå prestanda på dina webbplatser, konkurrentens webbplatser och webben i stort. Alternativt kan utvecklare som föredrar att mäta dessa mätvärden med hjälp av de underliggande webb-API: erna hänvisa till mätguiderna på webbplatsen som länkas nedan för implementeringsinformation.

Tillsammans med Core Web Vitals pratar Google också om andra Web Vitals som kommer att fungera som proxy eller kompletterande mätvärden för Core vitals. Dessa inkluderar mätvärden som Time to First Byte (TTFB), First Contentful Paint (FCP), Total Blocking Time (TBT) och Time to Interactive (TTI) som kan hjälpa utvecklare att fånga en större del av upplevelsen eller hjälpa till att diagnostisera specifika problem .

Det är värt att notera att dessa Web Vitals och Core Web Vitals kommer att utvecklas över tid och utvecklare bör förvänta sig framtida förbättringar eller tillägg till listan. Eftersom Core Web Vitals är relevanta för alla webbsidor och presenteras i flera Google-verktyg, ändrar dock inte dessa mätvärden deras definition och tröskelvärden. Utvecklare kommer också att meddelas i förväg för eventuella kommande förändringar och ett förutsägbart, årligt mönster. På grund av det faktum att de andra Web Vitals är kontext eller verktygsspecifika kan deras definitioner och trösklar ändras med större frekvens utan föregående meddelande. Alla ändringar som görs i alla webbvitaler kommer att dokumenteras i denna offentliga ändringslogg.


Källa: web.dev