O painel de desempenho no Chrome DevTools ajuda os desenvolvedores a medir e otimizar o desempenho de execução de uma forma ou de outra há mais de 15 anos. Começando com um painel chamado 'Linha do tempo', ele evoluiu para o painel "Performance" que você conhece hoje.
Durante esse período, o Chrome lançou outros produtos e recursos de desempenho. O Lighthouse foi lançado em 2016 para ajudar a identificar oportunidades de otimização com mais facilidade. O painel experimental de insights de performance foi lançado em 2022 para testar novas maneiras de mostrar insights de performance.
O painel "Performance" está repleto de dados e recursos para ajudar os desenvolvedores a analisar problemas de carregamento de página e de desempenho de execução. Mas vamos ser sinceros por um minuto e reconhecer que pode ser difícil de usar e difícil identificar as maiores oportunidades para melhorar a performance da página. Além disso, o poder de outras ferramentas que ajudam a separar o ruído e isolar rapidamente as oportunidades, como o Lighthouse, está desconectado do painel "Performance".
Para facilitar a identificação e a reprodução de problemas de desempenho, vamos trazer recursos e aprendizados do Lighthouse e do painel "Insights de desempenho" e integrá-los ao painel "Desempenho". Também estamos focando na UX e na usabilidade para melhorar a eficácia do painel de desempenho como uma ferramenta de otimização de desempenho da Web.
Qual é o resultado? Um painel único, mais fácil e poderoso do que nunca, para todos os dados e insights de performance.
Agora é mais fácil tomar medidas em relação à performance da Web
Seu feedback confirma que a alta densidade de informações aumenta os desafios de usabilidade. Estamos desenvolvendo correções e recursos para ajudar. As principais jornadas de otimização, como melhorar as Core Web Vitals, estão recebendo tratamento de primeira classe. Planejamos lançar recursos como anotações, que permitem marcar descobertas e compartilhar aprendizados com colegas. A exibição de correlações nos dados ajuda 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 a atividade da linha de execução principal.
Vamos lançar novos recursos à medida que forem desenvolvidos e compartilhar uma atualização dos novos recursos do painel a cada poucos meses. Quase lá! Em breve, você vai começar a notar os novos recursos.
A eficiência do Lighthouse no painel "Performance"
Sabemos que os desenvolvedores usam os painéis do Lighthouse e de performance, e a alternância de contexto entre os dois é um desafio. Além disso, para agir em relação às descobertas do Lighthouse, pode ser necessário acessar o painel "Performance" para ter mais contexto. Isso causa atrito, já que a visão geral prescritiva da performance de uma página é desconectada dos dados de performance detalhados.
Vamos integrar profundamente a análise de desempenho do Lighthouse no painel "Performance". Com essa integração, o Lighthouse vai destacar as principais oportunidades para melhorar a performance da página no painel de desempenho, acompanhado de todos os detalhes necessários para aproveitar a oportunidade.
Depois de mover todas as funcionalidades de desempenho para o painel "Performance", o painel independente do Lighthouse nas DevTools vai se tornar redundante e será desativado. O painel não será descontinuado até o segundo semestre de 2025. É importante afirmar enfaticamente que o Lighthouse não será descontinuado.
O Lighthouse veio para ficar
O módulo npm do Lighthouse e o relatório do Lighthouse no 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 do desenvolvedor para avaliar o desempenho da página.
Essa integração serve para melhorar o painel de desempenho e os recursos do Lighthouse para desenvolvedores que tentam entender o carregamento, a capacidade de resposta e a estabilidade do conteúdo.
O painel experimental de insights de desempenho será descontinuado
O painel de insights de performance foi enviado como um experimento para saber como resolver três problemas principais: reduzir a densidade de informações do painel de performance, oferecer suporte à análise orientada por casos de uso e reduzir a curva de aprendizado que vem com o uso do painel de performance.
Aprendemos muito com o experimento e o feedback dos desenvolvedores. Validamos que o uso de análises baseadas em casos de uso, por exemplo, "Quero otimizar o LCP" ou "Quero otimizar as páginas para que sejam mais responsivas", é extremamente valioso, e recursos como o Layout Shifts Track tornam o diagnóstico e a melhoria das métricas muito mais simples.
Os desenvolvedores também acharam o painel "Insights de desempenho" mais acessível do que o painel "Desempenho", validando que a densidade reduzida de informações é atraente. No entanto, essa densidade reduzida teve um custo em muitos casos, exigindo que os desenvolvedores acessassem o painel "Performance" para receber os dados detalhados necessários para tomar medidas.
Nossos aprendizados e muitos recursos do painel experimental de insights de desempenho serão integrados ao painel "Performance". Recursos como a análise orientada por casos de uso e melhorias na densidade de informações, além da integração com o Lighthouse, vão nos ajudar a gerar insights sobre a performance da página mais úteis do que nunca.
O experimento de insights de desempenho será removido ainda em 2024.
Onde enviar feedback
Queremos saber sua opinião sobre os novos recursos. Se você tiver ideias de como melhorar os recursos adicionados ou se o fluxo atual no painel estiver sendo interrompido indevidamente, entre em contato. Queremos saber o que está funcionando, o que não está e o que você acha que pode ser melhorado. Valeu!