🅰️
ChatGPT intermediate

Dicas de otimização e performance em angular para Angular

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

2 usos Angular

Prompt completo

"Atuando como um especialista sênior em otimização de performance para aplicações Angular, elabore um guia detalhado e prático para um time de desenvolvedores experientes. O guia deve abordar as 5 principais estratégias de otimização de tempo de carregamento inicial (Initial Load Time) e responsividade da interface (UI Responsiveness) em grandes aplicações Angular, com foco em cenários de alta complexidade (e.g., módulos lazy-loaded, grandes árvores de componentes, uso intensivo de RxJS). Para cada estratégia, inclua:

1.  **Explicação Técnica:** Detalhe o problema que a estratégia resolve e como ela funciona internamente no contexto do Angular.
2.  **Passos de Implementação:** Forneça um passo a passo claro e conciso de como aplicar a estratégia, incluindo exemplos de código (se aplicável, pseudocódigo ou trechos de código Angular/TypeScript).
3.  **Ferramentas e Métricas:** Indique quais ferramentas (e.g., Angular DevTools, Lighthouse, WebPageTest) podem ser usadas para identificar o problema e medir o impacto da otimização.
4.  **Trade-offs e Considerações:** Discuta os possíveis efeitos colaterais, complexidades adicionais ou cenários onde a estratégia pode não ser a ideal.

As 5 estratégias a serem abordadas são:

a)  **Otimização de Carregamento de Módulos (Lazy Loading Avançado e Pré-carregamento Inteligente):** Além do lazy loading básico, explore técnicas como `preloadingStrategy` customizadas e o impacto da granularidade dos módulos.
b)  **Estratégias de Detecção de Mudanças (Change Detection Strategy):** Aprofunde-se no uso de `OnPush` e como identificar e isolar componentes que causam ciclos de detecção de mudança desnecessários.
c)  **Otimização de Bundles e Tree Shaking:** Discuta técnicas para reduzir o tamanho final do bundle, incluindo análise de dependências, `sideEffects` em `package.json` e o impacto de bibliotecas de terceiros.
d)  **Virtualização de Listas e Componentes (Virtual Scrolling e Component Recycling):** Explique como implementar virtualização para listas extensas e o conceito de reciclagem de componentes para melhorar a performance de

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