Como corrigir conflitos entre o Elementor e plugins de cache
O que é conflito entre Elementor e cache?
O conflito entre Elementor e cache ocorre porque o Elementor gera arquivos de CSS por página em wp-content/uploads/elementor/css quando o método de impressao esta em Arquivo Externo, e os plugins de cache (WP Rocket, LiteSpeed, W3 Total Cache, WP-Optimize) guardam e servem versões antigas desses arquivos e do HTML da página. Quando você edita um design e pública, o visitante continua recebendo o CSS antigo do cache, entao o layout aparece quebrado, com estilos faltando ou empilhados.
Como identificar
- O layout aparece quebrado, sem estilos ou empilhado no frontend, mas dentro do editor do Elementor a página esta correta
- Depois de publicar uma alteração, o visitante continua vendo a versão antiga da página até o cache ser limpo manualmente
- O editor do Elementor trava na tela ‘Loading’ ou mostra a mensagem ‘Preview Could Not Be Loaded’ quando a minificacao ou o delay de JavaScript estão ativos
- O console do navegador mostra erros de arquivo CSS ou JS combinado/minificado retornando 404 após a otimização do plugin de cache
- As fontes, icones ou cores definidos no Kit do site não aplicam porque o global.css em cache esta desatualizado
Como prevenir
- Mantenha o método de impressao de CSS do Elementor em Arquivo Externo, que e mais previsivel para os plugins de cache do que o CSS embutido em cada página
- Configure as exclusoes do editor (preview e frontend.min.js) na primeira vez que instalar o plugin de cache, antes de comecar a editar páginas
- Sempre regenere o CSS do Elementor depois de trocar de tema, atualizar o Elementor ou atualizar o plugin de cache
- Ative a invalidacao automática de cache ao salvar conteúdo, recurso presente no WP Rocket e no LiteSpeed Cache, para não depender de limpeza manual
Causa
- O método de impressao de CSS do Elementor esta em Arquivo Externo e o plugin de cache serve o arquivo post-ID.css ou global.css antigo de wp-content/uploads/elementor/css em vez do regenerado.
- A opção de minificar ou combinar CSS do plugin de cache reescreve as classes e a ordem dos seletores do Elementor, quebrando o layout no frontend.
- O Delay JavaScript Execution ou o Combine JavaScript do plugin de cache adia ou junta os scripts do Elementor (frontend.min.js, elements-handlers), travando o editor e os widgets interativos.
- O cache de página inteira armazena o HTML antigo e não e invalidado automaticamente quando você pública uma edição no Elementor.
- A opção Lazy Load do plugin de cache aplica-se ao background do primeiro container, deixando a dobra inicial sem imagem até o usuário rolar a página.
Como resolver
- Regenere o CSS do Elementor: Antes de mexer no plugin de cache, force o Elementor a recriar os arquivos de estilo. Isso descarta o CSS corrompido ou desatualizado e gera novos arquivos limpos no diretório de uploads. No painel, abra o menu de Ferramentas do Elementor e use a acao de regenerar.
Elementor -> Ferramentas -> Geral -> Regenerar CSS e Dados - Limpe o cache na ordem correta: Limpe primeiro o cache do plugin e, se houver uma camada de CDN como o Cloudflare, limpe-a também. A ordem importa: limpar a CDN antes do plugin faz a CDN recachear a versão antiga.
Plugin de cache -> Limpar cache (Clear Cache) CDN/Cloudflare -> Purge Everything Navegador -> recarregar com Ctrl+F5 (hard refresh) - Exclua o editor do Elementor da otimização: Impeça o plugin de cache de minificar, combinar ou adiar os scripts dentro do editor. Adicione as URLs e os arquivos do Elementor as listas de exclusão de cache, de otimização de JavaScript e de Delay JavaScript do seu plugin.
Excluir do cache de página: /?elementor-preview= Excluir do cache de página: /elementor/ Excluir de Combine/Delay JavaScript: /wp-content/plugins/elementor/assets/js/frontend.min.js Excluir de Combine/Delay JavaScript: /wp-content/plugins/elementor-pro/assets/js/frontend.min.js Excluir de Optimize CSS: /wp-content/uploads/elementor/css/ - Use o CSS em Arquivo Externo e teste com Safe Mode: Garanta que o método de impressao de CSS esteja em Arquivo Externo, que e mais compativel com cache do que o embutido, e ative o Safe Mode do Elementor para confirmar se o conflito vem mesmo do plugin de cache. Com o Safe Mode, o Elementor carrega sem temas ou outros plugins; se o layout normaliza, o cache era a causa.
Elementor -> Configurações -> Avancado -> Método de Impressao de CSS = Arquivo Externo Elementor -> Ferramentas -> Geral -> Modo de Segurança = Ativado
# Forca o navegador a NAO cachear o CSS gerado pelo Elementor
# (.htaccess, Apache) — util durante a depuracao do conflito de cache.
# Remova depois de confirmar que o layout normalizou.
<IfModule mod_headers.c>
<FilesMatch "wp-content/uploads/elementor/css/.*.css$">
Header set Cache-Control "no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires "0"
</FilesMatch>
</IfModule>Perguntas frequentes
Por que o Elementor fica certo no editor mas quebrado no site publicado?
Qual plugin de cache da mais conflito com o Elementor?
Regenerar o CSS apaga o meu design do Elementor?
Preciso desligar o plugin de cache para o Elementor funcionar?
Em que ordem devo limpar o cache quando uso CDN?
O que e o método de impressao de CSS em Arquivo Externo?
Como saber se o conflito e do cache ou de outro plugin?
Como corrigir o Modal Popup do Ultimate Addons que não abre no WordPress
O modal popup do Ultimate Addons não abre quando o tipo de gatilho está mal configurado, quando o elemento de clique não recebe a classe ou ID que dispara o modal, ou quando um conflito de JavaScript interrompe o script do widget antes de o popup ser acionado.
Como corrigir a integração LearnDash que não exibe cursos no Astra Pro no WordPress
Quando o Astra LearnDash não exibe cursos, a causa quase sempre é o módulo LearnDash do Astra Pro desativado, a grade de cursos sem o add-on Course Grid, ou um layout do Astra que esconde o conteúdo na página de cursos.
Como corrigir o erro de licenca no Essential Addons for Elementor
O erro de licenca do Essential Addons acontece quando a chave Pro não valida no servidor do WPDeveloper, e os widgets Pro deixam de aparecer no Elementor. As causas comuns são chave incorreta, limite de sites atingido, assinatura expirada ou o servidor sem conexão de saida com store.wpdeveloper.com.
Como corrigir o Google Maps Field no ACF PRO (chave de API)
O Google Maps Field do ACF PRO exige uma chave de API do Google registrada via filtro acf/fields/google_map/api ou acf_update_setting. Sem ela, o campo mostra um mapa cinza e o console acusa erro da Google Maps JavaScript API.
Como corrigir o Elementor Pro Form que não envia e-mails
O formulário do Elementor Pro não envia e-mail quando o WordPress dispara o aviso pela função mail() do PHP sem um servidor SMTP autenticado, quando a ação Email não foi adicionada em Actions After Submit, ou quando o campo From Email usa um domínio diferente do site.
Como corrigir o redirecionamento errado do Login Form no Ultimate Addons
O redirecionamento errado do Login Form no Ultimate Addons ocorre quando o campo Custom Redirection Link fica vazio, aponta para uma URL invalida, ou e sobrescrito por um plugin de segurança ou de membros que intercepta o login antes do widget.
