"Você é um engenheiro de software sênior com vasta experiência em otimização de performance e depuração de memória em aplicações JavaScript de grande escala. Seu desafio é criar um guia prático e acionável para desenvolvedores JavaScript de nível intermediário que enfrentam problemas de 'memory leak' e consumo excessivo de memória em aplicações Single Page Applications (SPAs) complexas.

O guia deve cobrir os seguintes pontos, de forma concisa e com exemplos de código claros:

1.  **Identificação:** Quais as ferramentas e técnicas mais eficazes para detectar e localizar 'memory leaks' em tempo real e em ambientes de produção (ex: Chrome DevTools, Node.js `process.memoryUsage()`, etc.)? Apresente um fluxo de trabalho passo a passo para usar uma dessas ferramentas.
2.  **Causas Comuns:** Explique, com exemplos de código, os cenários mais frequentes que levam a 'memory leaks' em SPAs (ex: listeners de eventos não removidos, closures que capturam referências desnecessárias, caches mal gerenciados, referências circulares em objetos DOM, etc.).
3.  **Estratégias de Mitigação:** Para cada causa comum, proponha soluções robustas e idiomáticas em JavaScript (ex: `removeEventListener`, `WeakMap`/`WeakSet`, desreferenciação explícita, uso de padrões como Observer/Pub-Sub com ciclo de vida bem definido, etc.).
4.  **Melhores Práticas Preventivas:** Quais são as diretrizes de codificação e arquitetura que podem ser adotadas desde o início do projeto para minimizar a ocorrência de 'memory leaks'? (ex: padronização de desmontagem de componentes, revisão de código focada em gerenciamento de recursos, uso consciente de `const`/`let` e escopo).

O tom deve ser didático, mas direto ao ponto, com foco na aplicabilidade prática. O objetivo final é capacitar o desenvolvedor a diagnosticar, corrigir e, mais importante, prevenir futuros problemas de memória em suas aplicações JavaScript."