Que ferramentas e abas no Chrome DevTools você usa para depuração e análise de páginas web?

Para depurar e analisar páginas web no Chrome DevTools, normalmente uso as seguintes abas:

• Elements — para visualizar e modificar a estrutura DOM e estilos CSS em tempo real.
• Console — para exibir logs, executar código JavaScript e detectar erros.
• Network — para analisar as requisições de rede, verificar o carregamento de recursos, tempos de resposta e estados.
• Sources — para depurar código JavaScript, definir pontos de interrupção e executar passo a passo.
• Performance — para fazer profiling do desempenho da página, analisar tempos de carregamento e renderização.
• Application — para trabalhar com armazenamento local, cookies, IndexedDB e cache.
• Security — para verificar a segurança da conexão e dos certificados.

Exemplo: se a página demora a carregar, abro a aba Network, ordeno as requisições por tempo e vejo quais recursos estão atrasando o carregamento.