O painel "Performance" no Chrome DevTools tem ajudado os desenvolvedores a medir e otimizar o desempenho do tempo de execução de uma forma ou de outra nos últimos 15 anos. Começando com um painel chamado Linha do tempo, ele evoluiu para o painel "Desempenho", que você conhece hoje.
Durante esse tempo, o Chrome lançou outros produtos e recursos de desempenho avançados. Em especial, o Lighthouse foi lançado em 2016 para ajudar a identificar oportunidades de otimização com mais facilidade. O painel experimental "Insights de desempenho" foi lançado em 2022 para testar novas maneiras de mostrar esses insights.
O painel de desempenho está repleto de dados e recursos para ajudar os desenvolvedores a se aprofundar no carregamento da página e nos problemas de desempenho do tempo de execução. Mas, vamos ser honestos e reconhecer que pode ser desafiador de usar e difícil identificar as maiores oportunidades para melhorar o desempenho da página. Além disso, o poder de outras ferramentas que ajudam a classificar ruídos e isolar oportunidades rapidamente, como o Lighthouse, são desconectados do painel "Performance".
Em nossa busca para facilitar a identificação e reprodução de problemas de desempenho pelos desenvolvedores, traremos recursos e aprendizados do Lighthouse e do painel "Insights de desempenho" e os integraremos ao painel atual "Desempenho". Também estamos nos concentrando na UX e na usabilidade para melhorar a eficácia do painel de desempenho como uma ferramenta de otimização do desempenho da Web.
Qual é o resultado? Um painel único (mais fácil e mais eficiente do que nunca) para todos os dados e insights de desempenho.
Ficou mais fácil agir sobre o desempenho da Web
Seu feedback confirma que a alta densidade de informações compõe os desafios de usabilidade. Estamos sempre desenvolvendo correções e recursos para ajudar. As principais jornadas de otimização, como as Core Web Vitals, estão recebendo um tratamento de primeira classe. Planejamos lançar recursos como anotações, para que você marque descobertas e compartilhe aprendizados com seus colegas. A descoberta de correlações nos dados ajudará a melhorar a capacidade de entender um sistema complexo, com mais maneiras de revelar como os dados estão conectados, como solicitações de rede para atividades de thread principal.
Enviamos novos recursos à medida que eles são desenvolvidos e, em alguns meses, compartilhamos uma atualização das novas funcionalidades oferecidas pelo painel. Quase lá! Você começará a ver novos recursos em breve!
O poder do Lighthouse no painel de desempenho
Vimos como os desenvolvedores usam os painéis Lighthouse e Desempenho, e alternar entre os dois é um desafio. Além disso, para tomar medidas em relação às descobertas do Lighthouse, pode ser necessário acessar o painel "Desempenho" para ter mais contexto. Isso causa atrito, porque a visão geral prescritiva do desempenho de uma página é separada dos dados detalhados de desempenho.
Vamos integrar profundamente a análise de desempenho do Lighthouse pelo painel de desempenho. Com essa integração, o Lighthouse destaca as principais oportunidades para melhorar o desempenho da página no próprio painel de desempenho, além de todos os detalhes necessários para tomar medidas em relação a essa oportunidade.
Após mover todas as funcionalidades de desempenho para o painel "Performance", o painel independente do Lighthouse no DevTools se tornará redundante e será desativado. Essa desativação do painel só acontecerá no segundo semestre de 2025. É importante declarar enfaticamente que o Lighthouse não será desativado.
O Lighthouse chegou para ficar
O módulo npm do Lighthouse e o relatório do Lighthouse em PageSpeed Insights (incluindo a API PSI) não serão desativados. Continuamos dedicados à disponibilidade e à qualidade do Lighthouse como uma ferramenta de código aberto que pode ser usada no ambiente preferido dos desenvolvedores para avaliar o desempenho da página.
Essa integração serve como uma maneira de elevarmos o nível do Painel de desempenho e dos recursos do Lighthouse para os desenvolvedores que tentam discutir sobre carregamento, capacidade de resposta e estabilidade do conteúdo.
O painel experimental "Insights de desempenho" será descontinuado
O painel de insights de desempenho foi enviado como um experimento para tentar resolver melhor três pontos problemáticos principais: reduzir a densidade de informações do painel "Desempenho", oferecer suporte à análise com base em casos de uso e reduzir a curva de aprendizado resultante do uso do painel.
Aprendemos muito com o experimento pelo feedback dos desenvolvedores. Validamos que a análise baseada em casos de uso (por exemplo, "Quero otimizar a LCP" ou "Quero otimizar as páginas para que sejam mais responsivas") é extremamente valiosa e que recursos como a Faixa de mudanças de layout tornam o diagnóstico e a melhoria de métricas muito mais simples.
Os desenvolvedores também consideraram o painel de insights de desempenho mais acessível do que o painel "Desempenho", validando que a densidade de informações reduzida é atraente. No entanto, essa redução de densidade tem um custo em muitos casos, exigindo que os desenvolvedores acessem o painel de desempenho para obter os dados detalhados necessários para agir.
Nossos aprendizados e muitos recursos do painel experimental "Insights de desempenho" serão integrados ao painel "Desempenho". Recursos como análise com base em casos de uso e melhorias na densidade de informações, juntamente com a integração do Lighthouse, nos ajudarão a tornar os insights sobre o desempenho da página mais acionáveis do que nunca.
O experimento de Insights de performance será removido ainda em 2024.
Onde enviar feedback
Gostaríamos de receber seu feedback à medida que lançamos novos recursos. Se você tiver ideias sobre como melhorar os recursos adicionados ou se o fluxo atual pelo painel estiver sendo interrompido de forma indevida, entre em contato com você. Queremos saber o que está funcionando, o que não está e o que você acha que pode ser feito melhor. Valeu!