Prompt completo
"Considerando um aplicativo Angular de grande escala e alta complexidade, com múltiplos módulos carregados sob demanda (lazy loading), inúmeros componentes interativos e dados em tempo real provenientes de diversas APIs, elabore um guia detalhado para identificar e resolver gargalos de performance. O guia deve abordar as seguintes áreas: 1. **Detecção proativa:** Quais ferramentas e métricas devem ser monitoradas continuamente em produção e durante o desenvolvimento para identificar degradações de performance antes que afetem o usuário final? Inclua exemplos práticos de como interpretar esses dados. 2. **Otimização de renderização:** Descreva estratégias avançadas para minimizar ciclos de detecção de mudanças (change detection), otimizar o uso de `OnPush`, e gerenciar grandes listas e árvores de componentes. Aborde a utilização de `trackBy` em `NgFor` e a imutabilidade de dados. 3. **Gerenciamento de memória:** Como identificar e prevenir vazamentos de memória em componentes Angular, especialmente aqueles com subscrições a Observables, listeners de eventos e manipulação direta do DOM? Discuta a importância de desinscrever e destruir recursos. 4. **Otimização de carregamento inicial (Initial Load Time):** Além do lazy loading, quais técnicas podem ser empregadas para reduzir o tamanho do bundle e o tempo de carregamento da aplicação? Inclua otimização de imagens, tree-shaking, code splitting mais granular, e estratégias de pré-carregamento (preloading). 5. **Performance de rede:** Como otimizar as requisições HTTP e o consumo de APIs para melhorar a responsividade da aplicação? Mencione caching, throttling, debouncing, e a utilização de interceptors para otimização de requisições. 6. **Experiência do Desenvolvedor (DX) vs. Performance:** Como equilibrar a complexidade das otimizações com a manutenibilidade do código e a produtividade da equipe de desenvolvimento? Proponha um fluxo de trabalho que integre a preocupação com performance desde as fases iniciais do projeto. Seu guia deve ser prático, com exemplos de código (se aplicável, em pseudocódigo ou conceitos), e focado em soluções reais para problemas comuns de performance em aplicações Angular maduras."
Tags relacionadas
Angular
Otimização e performance 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