Turbine suas habilidades de detetive de desempenho com o Lighthouse e o Chrome DevTools.
Como desenvolvedor, você geralmente não tem controle sobre quais scripts de terceiros seu site carrega. Antes de otimizar o conteúdo de terceiros, você precisa fazer um trabalho de detetive para descobrir o que está deixando seu site lento. 🕵️
Neste post, você vai aprender a usar o Lighthouse e o Chrome DevTools para identificar recursos de terceiros lentos. O post aborda técnicas cada vez mais robustas que são melhor usadas em combinação.
Se você tiver apenas 5 minutos
A auditoria de desempenho do Lighthouse ajuda a descobrir oportunidades para acelerar o carregamento de páginas. É provável que scripts de terceiros lentos apareçam na seção Diagnóstico nas auditorias Reduzir o tempo de execução do JavaScript e Evitar payloads de rede enormes.
Para realizar uma auditoria:
- Pressione "Control+Shift+J" (ou "Command+Option+J" no Mac) para abrir as Ferramentas do desenvolvedor.
- Clique na guia Lighthouse.
- Clique em Dispositivos móveis.
- Marque a caixa de seleção Performance. Você pode limpar o restante das caixas de seleção na seção "Audits".
- Clique em Conexão 3G rápida simulada, lentidão da CPU 4x.
- Marque a caixa de seleção Limpar armazenamento.
- Clique em Executar auditorias.