Logo do Triângulo

Aba de Performance do Chrome DevTools

por Hugo Bessa

Publicado em 26/05/2021

A Aba de Performance do Chrome DevTools permite que você crie relatórios para analisar vários aspectos do seu site, como:
  • Performance de renderização da página;
  • Problemas de Layout Shift e Layout Thrashing;
  • Utilização de memória para analisar memory leaks;
  • Utilização da rede durante a gravação do relatório;
  • Métricas do Web Vitals.
Captura de Tela (screenshot) da aba de Performance do Chrome Developer Tools (Ferramentas do Desenvolvedor) em um computador macOS
Para acessar a aba de Performance, basta abrir o DevTools em Menu ..., Mais Ferramentas, Ferramentas do Desenvolvedor, e clicar na aba Performance.

Referências

  • Chrome DevTools - Analyze runtime performance (developers.chrome.com)
  • Analisando a Performance de Animações CSS com o DevTools
    [...] E para esse problema, o DevTools do Chrome tem uma ferramenta muito útil para nós: a aba de Performance.
  • Configurando o CPU Throttling no Chrome DevTools
    [...] Para simular dispositivos com menos capacidade de processamento, use a funcionalidade de CPU Throttling da aba de Performance do Chrome DevTools.

Construa a sua carreira em desenvolvimento front-end

Mais conhecimento, mais prática, mais oportunidades. Aprenda a construir webapps avançados, com conteúdo objetivo e direto das trincheiras. Sem spam.

Twitter
Instagram