Guia para troubleshooting em angular em Angular

"Você é um engenheiro de software sênior especializado em desenvolvimento front-end com Angular. Um desenvolvedor júnior está enfrentando um problema complexo e recorrente de performance em uma aplicação Angular, especificamente um atraso significativo na renderização de grandes listas de dados (milhares de itens) que são atualizadas frequentemente. Ele já tentou otimizações básicas como `trackBy` em `*ngFor` e `OnPush` change detection, mas o problema persiste, especialmente em navegadores mais antigos ou dispositivos com menos recursos.

Crie um guia de troubleshooting detalhado, passo a passo, para este desenvolvedor. O guia deve ir além das otimizações básicas e explorar estratégias avançadas de performance e depuração. Inclua os seguintes pontos:

1.  **Ferramentas de Profiling:** Como usar as ferramentas de desenvolvedor do Chrome (ou similar) para identificar gargalos de performance (CPU, memória, renderização).
2.  **Virtual Scrolling e Lazy Loading de Dados:** Explique o conceito e como implementar `cdk-virtual-scroll` do Angular Material ou uma solução similar.
3.  **Detecção de Mudanças:** Aprofunde em estratégias para minimizar ciclos de detecção de mudanças (ex: `NgZone.runOutsideAngular`, `detach`/`reattach` ChangeDetectorRef).
4.  **Otimização de Componentes:** Sugira técnicas como `memoization` (se aplicável), `pure pipes`, e como evitar cálculos caros no template.
5.  **Gerenciamento de Estado:** Brevemente discuta como um gerenciamento de estado eficiente (ex: NGRX, Akita) pode impactar a performance de grandes listas.
6.  **Exemplos de Código:** Forneça pequenos snippets de código ou pseudocódigo para ilustrar os conceitos mais complexos.
7.  **Pontos de Atenção:** Alerte sobre armadilhas comuns e como evitá-las.

O objetivo é que o desenvolvedor, ao seguir seu guia, consiga diagnosticar a causa raiz do problema e aplicar uma solução eficaz que melhore drasticamente a performance da aplicação."