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

"Atuando como um especialista em otimização de performance de frontend, você deve analisar o seguinte cenário: um e-commerce de grande porte está enfrentando lentidão perceptível na renderização inicial da página principal, especialmente em dispositivos móveis e redes com baixa largura de banda. A equipe de desenvolvimento já implementou lazy loading para imagens e otimização de imagens, mas o First Contentful Paint (FCP) e o Largest Contentful Paint (LCP) ainda estão acima dos limites recomendados pelo Core Web Vitals.

Sua tarefa é elaborar uma lista de 5 a 7 recomendações *avançadas* e *práticas*, com foco em otimização do caminho crítico de renderização (Critical Rendering Path) e estratégias de carregamento de recursos, que poderiam ser implementadas para melhorar significativamente o FCP e o LCP, sem comprometer a funcionalidade ou a experiência do usuário. Para cada recomendação, inclua:

1.  **Nome da técnica/estratégia:** (Ex: Pré-carregamento de fontes)
2.  **Breve explicação:** O que é e por que é eficaz para o problema.
3.  **Exemplo de implementação:** Um snippet de código ou uma descrição concisa de como seria aplicado no contexto de um e-commerce (assuma um stack comum como React/Next.js ou similar).
4.  **Impacto esperado:** Quais métricas (FCP, LCP, TBT, etc.) seriam mais beneficiadas e de que forma.

Priorize soluções que ofereçam alto impacto e que possam ser escaláveis para um site com muitas páginas e componentes."