Google annoncerer Web Vitals-initiativet for at give en samlet vejledning til udviklere om hjemmesidens ydeevne ved hjælp af tre kernemetrics.
Tilbage til Chrome Developer Summit sidste år, Google annonceret nye Chrome-udviklerværktøjer for at reducere sidens indlæsningstid og opbygge en native app-lignende oplevelse. På det tidspunkt diskuterede virksomheden også et initiativ til at give udviklere et samlet sæt målinger at måle i forhold til, når de bygger hjemmesider med brugeroplevelse og ydeevne i tankerne. Som opfølgning på den oprindelige idé har Google nu annonceret Web Vitals-initiativet, som har til formål at levere "samlet vejledning til kvalitetssignaler, der er afgørende for at levere en god brugeroplevelse på nettet".
Gennem årene har Google tilbudt adskillige værktøjer til at hjælpe webstedsudviklere med at måle og rapportere webstedets ydeevne. Disse omfatter ting som Lighthouse, Chrome DevTools, PageSpeed Insights og Search Consoles hastighedsrapport. Men Google bemærker, at mens nogle udviklere er ret dygtige til at bruge disse værktøjer, har andre fundet de mange forskellige værktøjer og målinger lidt udfordrende at holde trit med. Med det nye tiltag sigter virksomheden mod at forenkle landskabet, så udviklere kan fokusere på de målinger, der betyder mest, kaldet Core Web Vitals.
Core Web Vitals er en delmængde af alle de Web Vitals, der gælder for alle websider, bør måles af alle webstedsejere og vil blive vist på tværs af alle Google-værktøjer. I øjeblikket fokuserer disse Core Web Vitals på tre aspekter af brugeroplevelsen – indlæsning, interaktivitet og visuel stabilitet – og inkluderer følgende metrics (og deres respektive tærskler):
- Største indholdsfulde maling (LCP): måler læsseydelse. For at give en god brugeroplevelse bør LCP forekomme inden for 2,5 sekunder efter, at siden først starter indlæsning.
- Første indgangsforsinkelse (FID): måler interaktivitet. For at give en god brugeroplevelse skal sider have en FID på mindre end 100 millisekunder.
- Kumulativt layoutskift (CLS): måler visuel stabilitet. For at give en god brugeroplevelse bør sider opretholde en CLS på mindre end 0,1
For at hjælpe udviklere med at måle og rapportere disse kernewebvitaliteter, er Google forpligtet til at vise disse metrics i sine værktøjer. Følgende diagram viser, hvilke værktøjer der understøtter Core Web Vitals:
Udviklere vil også være i stand til at måle hver Core Web Vital i JavaScript ved hjælp af standard web-API'er og rapportere om hver Core Web Vital uden at skrive nogen kode ved hjælp af Web Vitals Chrome-udvidelse. Udvidelsen gør brug af web-vitals-biblioteket til at måle disse metrics og vise dem til brugere, mens de surfer på nettet. Udvidelsen kan også være nyttig til at forstå ydeevnen af dine websteder, din konkurrents websteder og internettet som helhed. Alternativt kan udviklere, der foretrækker at måle disse metrics ved hjælp af de underliggende web-API'er, henvise til metric-vejledningerne på webstedet, der er linket til nedenfor, for at få detaljer om implementering.
Sammen med Core Web Vitals taler Google også om andre Web Vitals, der vil fungere som proxy eller supplerende metrics for Core-vitalerne. Disse omfatter målinger som Time to First Byte (TTFB), First Contentful Paint (FCP), Total Blocking Time (TBT) og Time til Interactive (TTI), der kan hjælpe udviklere med at fange en større del af oplevelsen eller hjælpe med at diagnosticere specifikke problemer.
Det er værd at bemærke, at disse Web Vitals og Core Web Vitals vil udvikle sig over tid, og udviklere bør forvente fremtidige forbedringer eller tilføjelser til listen. Men da de centrale webvitaliteter er relevante for alle websider og vises på tværs af flere Google-værktøjer, vil ændringer af disse metrics ikke ændre deres definition og tærskler. Udviklere vil også blive givet forudgående varsel om eventuelle kommende ændringer og et forudsigeligt, årligt mønster. På grund af det faktum, at de andre Web Vitals er kontekst- eller værktøjerspecifikke, kan deres definitioner og tærskler ændres med større hyppighed uden forudgående varsel. Eventuelle ændringer af alle Web Vitals vil blive dokumenteret i denne offentlig ændringslog.
Kilde: web.dev