Performance no Elementor (CLS, LCP, Lazy Load, CSS Crítico)

Objetivo: melhorar Core Web Vitals e reduzir tempo de carregamento real.

CLS (Layout Shift)

• Defina dimensão de imagem (width/height).
• Evite carregar banners sem espaço reservado.
• Evite injetar blocos no topo após renderização.

LCP (Largest Contentful Paint)

• Otimize imagem hero (peso e dimensão corretos).
• Evite JS bloqueante no first paint.
• Use cache de página e servidor ajustado.

Lazy Load

• Ative para imagens fora da dobra.
• Não aplicar lazy no elemento principal acima da dobra.

CSS crítico e assets por widget

• Carregar somente CSS/JS de widgets usados.
• Utilizar get_style_depends() e get_script_depends().
• Minificar e combinar quando fizer sentido.