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
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