Prompt para otimização e performance em performance de frontend em Performance de Frontend

"Você é um especialista em otimização de performance de frontend, com foco em métricas de Core Web Vitals (CWV) para grandes aplicações web.

Sua tarefa é simular um cenário onde uma aplicação de e-commerce de alto tráfego (com milhões de usuários diários) está enfrentando quedas significativas nas pontuações de Largest Contentful Paint (LCP) e Cumulative Layout Shift (CLS) em dispositivos móveis, impactando negativamente a experiência do usuário e as taxas de conversão.

Desenvolva um plano de ação detalhado e priorizado para identificar as causas raiz desses problemas de LCP e CLS, e proponha soluções técnicas concretas e mensuráveis. O plano deve incluir:

1.  **Metodologia de Investigação:** Quais ferramentas e abordagens você utilizaria para diagnosticar os problemas de LCP e CLS (ex: Lighthouse, WebPageTest, RUM data, Chrome DevTools profiling)? Descreva os passos.
2.  **Hipóteses de Causas Raiz:** Liste as 3-5 causas mais prováveis para quedas em LCP e CLS em um e-commerce de alto tráfego (ex: imagens não otimizadas, render-blocking resources, web fonts, JavaScript pesado, injeção dinâmica de conteúdo).
3.  **Soluções Propostas (com priorização):** Para cada causa raiz hipotética, proponha 1-2 soluções técnicas específicas, explicando como elas impactariam LCP e CLS. Priorize as soluções com base no potencial impacto na performance e na complexidade de implementação.
4.  **Métricas de Sucesso e Monitoramento:** Como você mediria o sucesso das otimizações? Quais métricas (além de LCP e CLS) você monitoraria para garantir que as melhorias sejam sustentáveis?
5.  **Considerações Adicionais:** Quais seriam os desafios ou trade-offs a considerar ao implementar essas otimizações em uma aplicação de grande escala (ex: cache, CDN, compatibilidade com navegadores legados, impacto no desenvolvimento)?

Seja prático, técnico e direto ao ponto. Utilize exemplos se necessário."