Que ferramentas e funções utilizas no Chrome DevTools para analisar e depurar páginas web?

No Chrome DevTools, para analisar e depurar páginas web, costumo usar as seguintes ferramentas e funções:

• Elements — para visualizar e editar o DOM e CSS em tempo real.
• Console — para executar código JavaScript e visualizar logs, erros.
• Network — para analisar solicitações de rede, tempos de carregamento de recursos, verificar respostas do servidor.
• Sources — para depurar JavaScript com a possibilidade de definir pontos de interrupção.
• Performance — para fazer perfil do desempenho da página, identificar gargalos.
• Application — para trabalhar com armazenamento local, cookies, IndexedDB.
• Lighthouse — para auditar desempenho, acessibilidade e SEO.

Por exemplo, para rastrear um problema de carregamento, abro a aba Network, filtro por tipo de recurso e verifico o status e o tempo de carregamento de cada arquivo.