Ferramentas

Google aposenta a extensão Web Vitals e a integra ao DevTools.

O Google encerrou de forma oficial a sua extensão Web Vitals para o Chrome com a chegada do Chrome 132.

Todos os recursos principais estão agora completamente incorporados no Painel de desempenho do DevTools, tornando-o a principal ferramenta para avaliar os Core Web Vitals.

Enquanto quase 200.000 pessoas utilizaram a extensão, a equipe do Chrome optou por direcionar seu foco exclusivamente para o DevTools, que proporciona uma plataforma mais robusta e concentrada para aprimorar o desempenho de websites.

Por que a ferramenta de extensão foi descontinuada.

A inclusão da extensão Web Vitals foi excelente para acompanhar de perto o desempenho do Core Web Vitals, porém, o DevTools agora disponibiliza a mesma capacidade e ainda mais recursos.

Por transferir todas as funcionalidades para o DevTools, o Google oferece aos desenvolvedores um processo contínuo para otimizar o desempenho.

Quais são as novidades nas Ferramentas de Desenvolvedor (DevTools)?

O painel de desempenho em DevTools agora reproduz e amplia as funcionalidades da extensão.

  • Medições em tempo real do Core Web: Dados essenciais para suas avaliações locais.
  • Comparar medidas locais com informações CrUX para endereços URL e fontes, abrangendo tanto computadores quanto visualizações em dispositivos móveis.
  • Maior pintura Contentful (LCP): Identifique o elemento responsável por sua pontuação LCP, analise fatores como Time to First Byte (TTFB) e reduza qualquer atraso.
  • Registro de interações para a próxima pintura (INP) Log: Monitorar interações que ajudam na realização do INP, com registro minucioso dos tempos de atraso na entrada, processamento e exibição.
  • Registro de Deslocamentos de Layout Cumulativo (CLS): Observe os deslocamentos de layout agrupados que impactam sua pontuação CLS.
  • Indicadores de diagnóstico: Engloba o tempo até o primeiro byte (TTFB) e a primeira renderização significativa (FCP).

O DevTools oferece todas as funcionalidades da extensão, juntamente com recursos avançados de depuração, reunidos em um único local.

Qual é o próximo passo que os desenvolvedores devem tomar?

Se você ainda está utilizando a extensão Web Vitals, é recomendado fazer a transição para o DevTools.

O Google elaborou um manual de transição para facilitar a mudança.

Para aqueles que não têm a possibilidade de mudar, o Google disponibilizou orientações para fazer uma cópia da extensão e mantê-la localmente.

Entretanto, a chave API CrUX conectada à extensão será em breve invalidada, o que pode resultar na interrupção da integração de dados de campo, a menos que uma nova chave seja gerada por meio dos documentos API CrUX.

Observando a parte superior do corpo.

Esse movimento demonstra o comprometimento do Google em tornar o DevTools a principal ferramenta de monitoramento de desempenho para os desenvolvedores. O painel de desempenho aborda diversos aspectos, desde os Core Web Vitals até diagnósticos avançados, e haverá mais atualizações no futuro.

A ferramenta Web Vitals, anteriormente útil, agora teve suas principais funcionalidades integradas às DevTools, facilitando aos desenvolvedores a monitoração e otimização do desempenho de um site em um único local.

Para obter informações adicionais, consulte o anúncio oficial ou o repositório GitHub.

Foto principal: William Potter/Shutterstock

Artigos relacionados

Back to top button