Prompt completo
"Você é um engenheiro de software sênior especializado em Angular. Um desenvolvedor júnior está enfrentando um problema de desempenho em uma aplicação Angular: a interface está lenta e travando, especialmente ao navegar entre rotas complexas. Ele já verificou o uso de `ChangeDetectionStrategy.OnPush` e `trackBy` em `*ngFor`, mas o problema persiste. Crie um guia passo a passo detalhado, com exemplos de código, para depurar e otimizar a performance de renderização em um componente Angular complexo. Inclua técnicas como: 1. **Identificação de gargalos:** Como usar as ferramentas de desenvolvimento do navegador (Profiler, Performance) para pinpointar os componentes ou operações que estão causando a lentidão. 2. **Otimização de *Change Detection*:** Além de `OnPush`, como usar `NgZone` para controle manual e evitar ciclos de detecção desnecessários, e quando considerar `detach()` e `reattach()`. 3. **Virtualização de listas grandes:** Explique o uso de `cdk-virtual-scroll-viewport` do Angular Material CDK. 4. **Debounce/Throttle em eventos:** Como aplicar essas técnicas para limitar a frequência de execução de funções ativadas por eventos do usuário ou do navegador. 5. **Lazy Loading de módulos e componentes:** Como implementar para reduzir o tamanho inicial do bundle e carregar apenas o que é necessário. 6. **Otimização de cálculos caros:** Como usar `pure pipes` e `memoization` (ex: com `memo-decorator` ou criando um *custom pipe* memorizado) para evitar recálculos desnecessários. O guia deve ser prático, focado em cenários reais de *troubleshooting*, e fornecer *insights* sobre a mentalidade para abordar esses problemas de performance."
Tags relacionadas
Angular
Troubleshooting em Angular
gerado-automaticamente
Como usar este prompt
1
Clique no botão "Copiar" para copiar o prompt para sua área de transferência
2
Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)
3
Cole o prompt e adapte conforme necessário para seu contexto específico
Outros prompts de Angular
ChatGPT
Melhores práticas de padrões de design em angular para Angular
Prompt gerado automaticamente para Padrões de design em Angular em Angular
1 usos
ChatGPT
Melhores práticas de ferramentas para angular para Angular
Prompt gerado automaticamente para Ferramentas para Angular em Angular
5 usos
ChatGPT
Melhores práticas de melhores práticas em angular para Angular
Prompt gerado automaticamente para Melhores práticas em Angular em Angular
1 usos