Conflito Elementor cache: como corrigir layout quebrado

Tipo Page Builders

Nome do erro Conflito entre Elementor e Plugin de Cache EN: Elementor conflict with cache plugin

Severidade Grave

Descrição O conflito entre Elementor e cache acontece quando um plugin de cache serve CSS, HTML ou JavaScript antigos, deixando o layout quebrado no frontend ou travando o editor. A correção envolve regenerar o CSS do Elementor, excluir o editor da otimização e limpar o cache na ordem certa.

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
```

APACHE

# 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?

Porque o editor carrega o CSS atualizado direto, enquanto o frontend recebe a versão em cache. O plugin de cache esta servindo o HTML e o CSS antigos. Regenere o CSS do Elementor e limpe o cache do plugin para que o frontend passe a usar os arquivos novos.

Qual plugin de cache da mais conflito com o Elementor?

Os conflitos aparecem mais nos plugins com otimização agressiva de JavaScript e CSS, como WP Rocket, LiteSpeed Cache, W3 Total Cache e WP-Optimize. O problema raramente e o cache de página em si, e sim a minificacao, a combinacao de arquivos e o Delay JavaScript ligados nesses plugins.

Regenerar o CSS apaga o meu design do Elementor?

Não. Regenerar CSS e Dados apenas recria os arquivos de estilo a partir dos dados que já estão salvos no banco. O design, o conteúdo e as configurações das páginas permanecem intactos. E uma operacao segura que você pode repetir sempre que o layout sair do lugar.

Preciso desligar o plugin de cache para o Elementor funcionar?

Não precisa desligar. Basta excluir as URLs do editor e os scripts do Elementor das funções de minificar, combinar e adiar JavaScript do plugin. Assim o cache continua acelerando o site para os visitantes sem quebrar o editor nem os widgets interativos.

Em que ordem devo limpar o cache quando uso CDN?

Limpe primeiro o cache do plugin no WordPress e so depois a CDN, como o Cloudflare. Se limpar a CDN antes, ela pode buscar e recachear a versão antiga gerada pelo plugin. Por fim, recarregue a página com Ctrl+F5 para descartar o cache do seu próprio navegador.

O que e o método de impressao de CSS em Arquivo Externo?

E a opção em que o Elementor grava o CSS de cada página em arquivos dentro de wp-content/uploads/elementor/css, em vez de embutir o estilo no HTML. O modo Arquivo Externo costuma ter melhor compatibilidade com plugins de cache porque os arquivos podem ser servidos e invalidados de forma independente.

Como saber se o conflito e do cache ou de outro plugin?

Ative o Modo de Segurança do Elementor, que carrega o editor sem o tema e sem os demais plugins. Se o layout normalizar com o Modo de Segurança ligado, o conflito vem do plugin de cache ou do tema. Se continuar quebrado, a causa esta no próprio Elementor ou nos dados da página.

Grave

Como corrigir o erro de licença ao ativar o Elementor Pro

O erro de licença do Elementor Pro impede a ativação dos recursos pagos quando a chave não conecta ao servidor da Elementor, o limite de sites do plano foi atingido ou a licença ainda consta ativa em outro domínio.

Grave

Como corrigir o JetWooBuilder que não edita templates de produto

O JetWooBuilder não aplica o template de produto quando a opção Enable custom product single page não foi marcada em WooCommerce, Settings, JetWooBuilder, quando os widgets de Single Product estão desativados, ou quando o template está salvo como rascunho. Sem isso a loja mantém o layout padrão do tema.

Atenção

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.

Atenção

Como corrigir o Login Widget do Elementor que redireciona para a página errada no WordPress

O Login Widget do Elementor redireciona para a página errada quando o toggle Redirect After Login está desligado, aponta para uma URL incorreta, ou quando o cache serve uma versão antiga do widget e o WordPress aplica o redirecionamento padrão para o wp-admin.

Atenção

Como corrigir o erro de loop em Repeater aninhado no ACF PRO

O erro de loop em Repeater aninhado no ACF PRO acontece quando um have_rows de um Repeater filho e percorrido sem chamar the_row, ou quando o nome do sub campo não casa, gerando loop infinito com tela branca ou nenhuma linha exibida.

Atenção

Como corrigir a formatação de data do Date Field no ACF PRO

O formato de data errado no ACF date picker acontece quando o Return Format do Date Field não casa com o esperado no template: o ACF sempre salva a data como Ymd (20240101) no banco, então sem o Return Format certo a data sai invertida, em inglês ou como número cru.

Setores

Extensões

Integrações

Como corrigir conflitos entre o Elementor e plugins de cache

O que é conflito entre Elementor e cache?

Como identificar

Como prevenir

Causa

Como resolver

Perguntas frequentes

Itens relacionados

Como corrigir o erro de licença ao ativar o Elementor Pro

Como corrigir o JetWooBuilder que não edita templates de produto

Como corrigir a integração LearnDash que não exibe cursos no Astra Pro no WordPress

Como corrigir o Login Widget do Elementor que redireciona para a página errada no WordPress

Como corrigir o erro de loop em Repeater aninhado no ACF PRO

Como corrigir a formatação de data do Date Field no ACF PRO

Setores

Extensões

Integrações

Extensões

Hero Sections

Seções de CTA

Login

Blog

Cabeçalhos

Seções de FAQ

Cadastro

Blog individual

Rodapés

Seções de contato

Seções de preços

Faixas

Portfólio

Seções de equipe

Números

Logotipos