När Google lanserar Chrome 90 senare i år kommer den att ha en överlagring som ger statistik för hur en webbplats presterar.
När Google lanserar Chrome 90 senare i år kommer webbläsaren att ha en valfri ny överlagring som kommer att ge utvecklare viktig statistik för hur en webbplats presterar.
Chromes nya Performance Heads-Up Display (HUD) beskrevs av Google Engineering Manager Addy Osmani (via AndroidPolice). Det nya överlägget, som kommer att bli en del av Chrome DevTools, kommer att ge utvecklare både Core Web Vitals och jämnhetsmått. När HUD är aktiverad kommer den att vara beständig och visas på varje tagg.
Det nya prestandaöverlägget kommer efter Googles lansering av Web Vitals, ett initiativ som syftar till att ge "enhetlig vägledning för kvalitetssignaler som är avgörande för att leverera en fantastisk användarupplevelse på webben."
Här är vad vi sa om Core Web Vitals i maj 2020:
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 laddningsprestanda. 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.
- First Input Delay (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
Det ligger i en utvecklares bästa att skapa en webbplats med en upplevelse som är snabb och smidig. Det är för att Google kommer att rangordna webbplatser baserat på "sidupplevelse" från maj 2021. Google började märka webbplatser som att uppfylla mätvärden för Core Web Vitals i augusti förra året, och berättade för användare i Chrome 85 om en länk ledde till en "snabb sida".
Enligt Osmani poleras fortfarande HUD, så saker som stabilitet och prestanda kommer med tiden. Du kan gå över till crbug.com och rapportera eventuella buggar eller feedback under komponenten Internal > GPU > Metrics.