Google tillkännager Web Vitals-initiativet för att ge enhetlig vägledning till utvecklare om webbplatsens prestanda med hjälp av tre kärnmått.
Tillbaka på Chrome Developer Summit förra året, Google tillkännagav nya Chrome-utvecklarverktyg för att minska sidladdningstiden och bygga en inbyggd appliknande upplevelse. Vid den tiden diskuterade företaget också ett initiativ för att ge utvecklare en enhetlig uppsättning mätvärden att mäta mot när de bygger webbplatser med användarupplevelse och prestanda i åtanke. Som en uppföljning av den ursprungliga idén har Google nu tillkännagett initiativet Web Vitals som syftar till att tillhandahålla "enhetlig vägledning för kvalitetssignaler som är avgörande för att leverera en fantastisk användarupplevelse på webben".
Under åren har Google erbjudit flera verktyg för att hjälpa webbplatsutvecklare att mäta och rapportera webbplatsens prestanda. Dessa inkluderar saker som Lighthouse, Chrome DevTools, PageSpeed Insights och Search Consoles hastighetsrapport. Men Google noterar 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ålla jämna steg med. Med det nya initiativet siktar företaget på att förenkla landskapet så att utvecklare kan fokusera på de mätvärden som betyder mest, kallade Core Web Vitals.
Core Web Vitals är en delmängd av alla Web Vitals som gäller för alla webbsidor, bör mätas av alla webbplatsägare och kommer att visas i 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ätvärden (och deras respektive trösklar):
- Largest Contentful Paint (LCP): mäter lastprestanda. För att ge en bra användarupplevelse bör LCP inträffa inom 2,5 sekunder efter det att sidan först börjar laddas.
- Fördröjning av första ingång (FID): mäter interaktivitet. För att ge en bra användarupplevelse bör sidor ha en FID på mindre än 100 millisekunder.
- Cumulative Layout Shift (CLS): mäter visuell stabilitet. För att ge en bra användarupplevelse bör sidor 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 ta fram dessa mätvärden i sina verktyg. Följande diagram visar 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 standardwebb-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 webbvitalsbiblioteket för att mäta dessa mätvärden och visa dem för användare när de surfar på webben. Tillägget kan också vara till hjälp för att förstå prestandan för dina webbplatser, din konkurrents webbplatser och webben i stort. Alternativt kan utvecklare som föredrar att mäta dessa mätvärden med de underliggande webb-API: erna hänvisa till statistikguiderna på webbplatsen som länkas nedan för implementeringsdetaljer.
Tillsammans med Core Web Vitals talar Google också om andra Web Vitals som kommer att fungera som proxy eller kompletterande mätvärden för Core-vitalerna. Dessa inkluderar mätvärden som Time to First Byte (TTFB), First Contentful Paint (FCP), Total Blocking Time (TBT) och Time till Interactive (TTI) som kan hjälpa utvecklare att fånga en större del av upplevelsen eller hjälpa till att diagnostisera specifika frågor.
Det är värt att notera att dessa Web Vitals och Core Web Vitals kommer att utvecklas över tiden och utvecklare bör förvänta sig framtida förbättringar eller tillägg till listan. Men eftersom Core Web Vitals är relevanta för alla webbsidor och visas i flera Google-verktyg, kommer ändringar av dessa mätvärden inte att ändra deras definition och tröskelvärden. Utvecklare kommer också att meddelas i förväg om kommande ä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 högre frekvens utan föregående meddelande. Eventuella ändringar som görs i alla Web Vitals kommer att dokumenteras i denna offentlig ändringslogg.
Källa: web.dev