Hi!

Em primeiro lugar, leia este artigo: https://onlinemediamasters.com/perfmatters-settings/

então, lê isto: https://www.elegantthemes.com/blog/divi-resources/divi-speed-optimization

teste, compare e, no final, veja este vídeo do YouTube (com mais de 2 horas de duração):

...e por último - este artigo também é interessante - mais uma vez sobre o desempenho do Divi: https://onlinemediamasters.com/divi-slow-loading-website/

Boa sorte!

Saúde, Mik

A utilização do Perfmatters com o Divi pode melhorar significativamente o desempenho.

No entanto, há algumas caraterísticas que precisam de ser configuradas cuidadosamente para evitar conflitos.

Eis as minhas ideias e definições:

1. Estrutura do módulo dinâmico

• O que faz: Carrega apenas os módulos Divi utilizados na página, reduzindo o inchaço.
• Conflito potencial: Não existe. O Perfmatters não tem uma funcionalidade semelhante.
• Recomendação: Active esta opção no Divi para uma maior eficiência.

2. CSS dinâmico

• O que faz: Gera e carrega dinamicamente apenas o CSS necessário para a página.
• Conflito potencial: Nenhum. O Perfmatters não interfere com o carregamento de CSS específico da Divi.
• Recomendação: Ativar o CSS dinâmico no Divi.

3. Ícones dinâmicos

• O que faz: Carrega apenas os tipos de letra dos ícones utilizados na página.
• Conflito potencial: Nenhum. O Perfmatters não gere o comportamento da fonte do ícone.
• Recomendação: Active-o no Divi para minimizar o carregamento de fontes de ícones.

4. Carregar folha de estilos dinâmica em linha

• O que faz: Carrega estilos dinâmicos em linha em vez de usar folhas de estilo externas.
• Conflito potencial: Nenhum. Perfmatters não lida diretamente com estilos inline.
• Recomendação: Teste esta opção. Ela pode melhorar o desempenho para CSS pequenos, mas pode prejudicá-lo se os estilos em linha forem extensos.

5. CSS crítico

• O que faz: Gera e carrega CSS essenciais para o conteúdo acima da dobra.
• Conflito potencial: Nenhum. Perfmatters não gera CSS crítico.
• Recomendação: Active-o no Divi para uma renderização mais rápida.

6. Altura do limiar crítico

• O que faz: Define a altura da janela de visualização para a geração crítica de CSS.
• Conflito potencial: Nenhum.
• Recomendação: Ajuste esta definição conforme necessário com base no seu esquema. Não se sobrepõe ao Perfmatters.

7. Bibliotecas dinâmicas JavaScript

• O que faz: Carrega apenas as bibliotecas JavaScript necessárias.
• Conflito potencial: O Gestor de Scripts do Perfmatters pode entrar em conflito se desativar manualmente as mesmas bibliotecas.
• Recomendação: Active-o no Divi, mas evite o controlo manual de scripts no Perfmatters, a menos que seja necessário.

8. Desativar os Emojis WordPress (continuarão a ser carregados no SO e no browser)

• O que faz: Impede o WordPress de carregar scripts e estilos relacionados com emojis.
• Conflito potencial: A Perfmatters oferece a mesma opção.
• Recomendação: Utilize esta opção no Divi ou no Perfmatters, mas não em ambos.

9. Adiar o Bloco CSS do Gutenberg

• O que faz: Adia o carregamento do bloco CSS do Gutenberg.
• Conflito potencial: Os Perfmatters também podem adiar as CSS de Gutenberg.
• Recomendação: Utilize esta opção no Divi ou no Perfmatters, não em ambos.

10. Melhorar o carregamento do Google Fonts

• O que faz: Optimiza a forma como o Google Fonts é carregado, combinando ou adiando os pedidos.
• Conflito potencial: A Perfmatters oferece uma otimização semelhante para o Google Fonts.
• Recomendação: Utilize-o no Divi ou no Perfmatters. Teste ambos para ver qual funciona melhor.

11. Adiar o jQuery e o jQuery Migrate

• O que faz: Adia o carregamento do jQuery e do seu script de migração.
• Conflito potencial: O Perfmatters oferece uma funcionalidade semelhante.
• Recomendação: Utilize isto em Divi ou Perfmatters, mas não em ambos. Teste cuidadosamente, pois adiar o jQuery pode causar problemas de compatibilidade com plugins ou scripts personalizados.

Recomendações gerais:

• Utilize funcionalidades de sobreposição na Divi ou na Perfmatters, não em ambas.
• Teste, teste, teste: Utilizar ferramentas como Google PageSpeed Insights ou GTmetrix para monitorizar o desempenho.
• E O MAIS IMPORTANTE!!! Utilizar o Gestor de Scripts do Perfmatters: Permite um controlo preciso dos scripts e dos estilos, o que a Divi não oferece!

Saúde, madb 🙂