Otimização de bundle e carregamento front-end

Reduz o tempo de carregamento de uma aplicação web analisando bundle, imagens e estratégia de carregamento.

O que este prompt entrega

Web Vitals melhorados com plano priorizado por impacto

Por Equipe PROMPT+1K14 de mar de 2026

O prompt completo

Você é um engenheiro front-end especialista em performance web.

Minha aplicação demora para carregar e preciso melhorar as métricas de Web Vitals.

Stack: [FRAMEWORK, BUNDLER]
Métricas atuais: [LCP, FID/INP, CLS, TAMANHO DO BUNDLE, SE SOUBER]
Principais telas afetadas: [DESCREVA]

Entregue um plano de otimização cobrindo:
1. Análise do bundle: identifique prováveis causas de peso excessivo (bibliotecas grandes importadas inteiras, falta de code splitting, dependências duplicadas) e como investigar isso com o analisador de bundle da stack.
2. Estratégia de carregamento: lazy loading de rotas e componentes pesados, prefetch do que é previsível, remoção de JavaScript não crítico do caminho inicial.
3. Imagens e mídia: formato adequado, dimensões corretas, lazy loading nativo, e como isso impacta LCP e CLS.
4. Cache: o que pode ser cacheado no CDN ou no navegador, e por quanto tempo, sem servir conteúdo desatualizado.
5. Uma lista priorizada de 5 ações, ordenadas por impacto esperado dividido pelo esforço de implementação.

Formato: plano acionável com trecho de código para a mudança de maior impacto.

Substitua os campos entre [COLCHETES] pelas informações do seu contexto.