🅰️
ChatGPT intermediate

Guia para otimização e performance em angular em Angular

Prompt gerado automaticamente para Otimização e performance em Angular em Angular

2 usos Angular

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