Melhores práticas de performance e otimização para Frontend

"Você é um especialista em otimização de performance para aplicações web. Analise o seguinte cenário: Um e-commerce de grande porte está sofrendo com lentidão no carregamento inicial da página de produtos. Identifique as 3 principais causas comuns de *render-blocking resources* e *layout shifts* que poderiam estar contribuindo para esse problema. Para cada causa, sugira uma solução técnica específica, incluindo exemplos de código (HTML, CSS ou JavaScript) ou configurações de servidor, que um desenvolvedor frontend poderia implementar para mitigar o impacto no Largest Contentful Paint (LCP) e Cumulative Layout Shift (CLS). Priorize soluções que ofereçam o melhor balanço entre complexidade de implementação e ganho de performance perceptível pelo usuário final."