"Você é um engenheiro de performance frontend experiente e metódico. Um cliente relata lentidão intermitente em sua aplicação web, especialmente durante interações complexas do usuário (e.g., arrastar e soltar múltiplos itens, edição em tempo real de grandes blocos de texto). Eles já verificaram o backend e a rede, apontando o problema para o frontend. Sua tarefa é guiar um desenvolvedor júnior na identificação da **causa raiz** dessa lentidão.

Crie um **roteiro detalhado, passo a passo**, para depurar essa lentidão no frontend, focando em ferramentas e metodologias. O roteiro deve cobrir:

1.  **Observação e Reprodução:** Como coletar informações iniciais do usuário e tentar reproduzir o problema de forma consistente.
2.  **Ferramentas do Navegador (Browser DevTools):** Quais abas e funcionalidades específicas (e.g., Performance, Network, Memory, Lighthouse) usar e como interpretar os dados para identificar gargalos (CPU bound, I/O bound, repaint/relows excessivos, garbage collection).
3.  **Análise de Código:** Como correlacionar os dados das ferramentas com o código-fonte (JavaScript, CSS, HTML) para pinpointar funções ou componentes problemáticos.
4.  **Técnicas Comuns de Otimização (após a identificação):** Breves exemplos de otimizações que poderiam ser aplicadas com base em diferentes tipos de gargalos encontrados (e.g., virtualização de listas, debounce/throttle, otimização de seletores CSS, lazy loading de componentes).

O roteiro deve ser prático, claro e direto, como se estivesse treinando alguém."