O Google anuncia a iniciativa Web Vitals para fornecer orientação unificada aos desenvolvedores sobre o desempenho de sites usando três métricas principais.
De volta ao Chrome Developer Summit no ano passado, o Google anunciou novas ferramentas para desenvolvedores do Chrome para reduzir o tempo de carregamento da página e criar uma experiência semelhante à de um aplicativo nativo. Na época, a empresa também discutiu uma iniciativa para fornecer aos desenvolvedores um conjunto unificado de métricas para serem avaliadas na construção de sites tendo em mente a experiência do usuário e o desempenho. Seguindo a ideia inicial, o Google anunciou agora a iniciativa Web Vitals que visa fornecer “orientação unificada para sinais de qualidade que são essenciais para proporcionar uma ótima experiência ao usuário na web”.
Ao longo dos anos, o Google ofereceu diversas ferramentas para ajudar os desenvolvedores de sites a medir e relatar o desempenho do site. Isso inclui coisas como Farol, Ferramentas de desenvolvimento do Chrome
Core Web Vitals são um subconjunto de todos os Web Vitals que se aplicam a todas as páginas da web, devem ser medidos por todos os proprietários de sites e serão exibidos em todas as ferramentas do Google. Atualmente, esses Core Web Vitals concentram-se em três aspectos da experiência do usuário – carregamento, interatividade e estabilidade visual – e incluem as seguintes métricas (e seus respectivos limites):
- Pintura com maior conteúdo (LCP): mede o desempenho de carregamento. Para fornecer uma boa experiência ao usuário, o LCP deve ocorrer dentro de 2,5 segundos após o início do carregamento da página.
- Atraso da primeira entrada (FID): mede a interatividade. Para fornecer uma boa experiência ao usuário, as páginas devem ter um FID inferior a 100 milissegundos.
- Mudança cumulativa de layout (CLS): mede a estabilidade visual. Para fornecer uma boa experiência ao usuário, as páginas devem manter um CLS inferior a 0,1
Para ajudar os desenvolvedores a medir e relatar esses Core Web Vitals, o Google está empenhado em apresentar essas métricas em suas ferramentas. O gráfico a seguir detalha quais ferramentas oferecem suporte ao Core Web Vitals:
Os desenvolvedores também poderão medir cada Core Web Vital em JavaScript usando APIs da web padrão e gerar relatórios sobre cada Core Web Vital sem escrever nenhum código, usando o Extensão Web Vitals do Chrome. A extensão faz uso da biblioteca web-vitals para medir essas métricas e exibi-las aos usuários enquanto eles navegam na web. A extensão também pode ser útil para compreender o desempenho de seus sites, dos sites de seus concorrentes e da web em geral. Como alternativa, os desenvolvedores que preferirem medir essas métricas usando as APIs da web subjacentes podem consultar os guias de métricas no site com link abaixo para obter detalhes de implementação.
Junto com o Core Web Vitals, o Google também fala sobre outros Web Vitals que servirão como proxy ou métricas suplementares para o Core Vitals. Isso inclui métricas como tempo até o primeiro byte (TTFB), primeira pintura com conteúdo (FCP), tempo total de bloqueio (TBT) e tempo para interativo (TTI) que pode ajudar os desenvolvedores a capturar uma parte maior da experiência ou ajudar no diagnóstico de problemas específicos problemas.
É importante notar que esses Web Vitals e Core Web Vitals evoluirão com o tempo e os desenvolvedores devem esperar melhorias ou adições futuras à lista. No entanto, como os Core Web Vitals são relevantes para todas as páginas da web e apresentados em diversas ferramentas do Google, quaisquer alterações nessas métricas não alterarão sua definição e limites. Os desenvolvedores também receberão aviso prévio sobre quaisquer mudanças futuras e um padrão anual previsível. Devido ao fato dos demais Web Vitals serem específicos de contexto ou ferramentas, suas definições e limites podem mudar com maior frequência sem aviso prévio. Quaisquer alterações feitas em todos os Web Vitals serão documentadas neste registro de alterações público.
Fonte: web.dev