Estratégias de performance e otimização em Frontend

"Você é um especialista em performance web. Elabore um plano de ação detalhado para otimizar o tempo de carregamento inicial (First Contentful Paint - FCP) de uma aplicação React complexa, focando em técnicas de *code splitting* e *lazy loading*. Inclua:

1.  **Diagnóstico:** Quais ferramentas e métricas você usaria para identificar os módulos mais pesados e as rotas críticas que impactam o FCP?
2.  **Estratégias de Code Splitting:** Proponha pelo menos três abordagens diferentes para dividir o bundle JavaScript (por rota, por componente, por funcionalidade) e justifique a escolha para um cenário de aplicativo React.
3.  **Implementação com Lazy Loading:** Forneça exemplos de código (em pseudo-código ou sintaxe React/JavaScript) demonstrando como aplicar `React.lazy()` e `Suspense` para carregar componentes sob demanda, incluindo a gestão de *fallback* (estados de carregamento).
4.  **Otimização Adicional:** Além de code splitting, que outras técnicas (ex: pré-carregamento, otimização de imagens, CDN) seriam complementares e por quê?
5.  **Monitoramento Pós-Otimização:** Como você validaria a eficácia das otimizações e quais métricas continuaria monitorando?

Seu plano deve ser prático, técnico e aplicável a um projeto real, com foco em resultados mensuráveis no FCP."