O Google introduziu um novo benchmark chamado Core Web Vitals para julgar a velocidade do site no ano passado. Ele já desempenhou um papel nas classificações de pesquisa desde maio de 2020, então é vital para os desenvolvedores saberem o desempenho de seus sites. Eles foram capazes de usar o Web Vitals extensão para julgar a velocidade e as taxas de quadros na área de trabalho por um tempo, mas a partir do Chrome 90, o Google quer integrar essas estatísticas ao vivo diretamente nas versões para desktop e móvel do navegador. Eles estão vindo na forma de uma nova sobreposição de HUD de desempenho.

Addy Osmani, gerente de engenharia do Google escreve no blog dele que o Performance HUD se tornará parte do Chrome DevTools, e você poderá ligá-los e desligá-los conforme necessário. Quando habilitados, eles mostrarão aos desenvolvedores tanto o Core Web Vitals quanto as métricas de suavidade. Como o recurso nativo também está disponível em navegadores móveis, as limitações originais da extensão de navegador somente para desktop são eliminadas.

Se você quiser verificar o HUD por si mesmo, instale Chrome Canary (a versão mais instável do navegador), vá para chrome: // flags, procure "Mostrar métricas de desempenho no HUD" e habilite a entrada. As métricas serão mostradas permanentemente após uma reinicialização até que você desative o sinalizador por enquanto.

O Google tornando mais fácil para os desenvolvedores avaliarem o desempenho do site é uma boa notícia para todos - ninguém gosta de sites lentos e instáveis, e o novo HUD é uma das muitas ferramentas que ajudam os desenvolvedores a identificar e corrigir problemas.

Chrome Canary (instável)
Chrome Canary (instável)