Logo do Triângulo

Configurando o CPU Throttling no Chrome DevTools

por Hugo de Oliveira

Publicado em 26/05/2021

Seu computador nem sempre tem a performance parecida com os dispositivos que usarão em produção o site ou webapp que você está desenvolvendo. Para simular dispositivos com menos capacidade de processamento, use a funcionalidade de CPU Throttling da aba de Performance do Chrome DevTools.
Para acessar a aba de Performance, basta abrir o DevTools em Menu ..., Mais Ferramentas, Ferramentas do Desenvolvedor, e clicar na aba Performance. Lá, clique na Engrenagem de Configurações e defina o CPU Throttling.
Captura de tela (screenshot) da aba de performance selecionando as opções de CPU Throttling

Referências

  • Criando animações perfeitas com CSS animation e transition
    Teste o exemplo em um celular Android debugando pelo Chrome DevTools.
  • Analisando a Performance de Animações CSS com o DevTools
    [...] Para nossos próximos testes, vou rodar o Codepen em um Pixel 3a e debugar remotamente pelo USB utilizando o CPU Throttling da aba de Performance

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