Como corrigir erros de cache entre o Elementor e o Cloudflare
O que é o erro de cache entre Elementor e Cloudflare?
O Elementor gera os próprios arquivos de CSS e JavaScript e os grava na pasta wp-content/uploads/elementor para carregar so o código necessário de cada página. Quando o site esta atras do Cloudflare, esses arquivos passam pela CDN e pelas otimizacoes do Cloudflare (cache de borda, Auto Minify e Rocket Loader). O erro de cache entre Elementor e Cloudflare acontece quando o Cloudflare continua servindo uma versão antiga desse CSS depois que você edita a página, ou quando o Rocket Loader altera a ordem de carregamento dos scripts do editor.
Como identificar
- A página aparece sem estilo ou com layout quebrado no navegador, mas dentro do editor do Elementor ela esta correta.
- O editor do Elementor fica preso na tela cinza de carregamento infinito quando o Rocket Loader esta ligado.
- Você edita e salva uma seção, mas a alteração não aparece online mesmo depois de atualizar a página.
- O console do navegador mostra a mensagem ‘Uncaught ReferenceError’ ou ‘jQuery is not defined’ porque o Rocket Loader adiou o carregamento dos scripts.
- Após atualizar o Elementor ou o Elementor Pro, partes do design somem até o cache do Cloudflare ser purgado.
Como prevenir
- Antes de atualizar o Elementor ou o Elementor Pro, purgue o cache do Cloudflare e so depois rode a atualização.
- Mantenha o Rocket Loader desligado na área wp-admin por uma Page Rule fixa, evitando que novas edicoes travem o editor.
- Após cada troca de tema ou migração, rode Regenerar Arquivos e Dados no Elementor para sincronizar o CSS com o banco.
- Use o modo Development do Cloudflare durante uma sessao de edição longa para a borda não cachear o CSS enquanto você trabalha.
Causa
- O cache de borda do Cloudflare guarda os arquivos de wp-content/uploads/elementor/css e continua entregando a versão antiga depois que você reedita a página, gerando divergencia entre o editor e o frontend.
- O Rocket Loader do Cloudflare transforma os scripts do Elementor em carregamento assincrono e quebra a ordem de dependencia do jQuery, deixando o editor preso na tela cinza.
- O Auto Minify de CSS e JS do Cloudflare reprocessa os arquivos já minificados pelo Elementor e corrompe regras ou funções, fazendo o estilo não aplicar.
- Você atualizou o Elementor sem purgar o cache do Cloudflare antes, entao a CDN mistura o CSS novo do plugin com o CSS antigo em cache.
- Os arquivos em wp-content/uploads/elementor estão desatualizados em relacao ao banco de dados porque o Clear Files and Data não foi executado após uma troca de tema ou migração.
Como resolver
- Regenere os arquivos do Elementor: Force o Elementor a apagar o CSS em cache e recriar a partir do banco. No painel, abra o menu de Ferramentas do Elementor, va para a aba Geral e clique no botão de Regenerar Arquivos e Dados.
Elementor -> Ferramentas -> Geral -> Regenerar Arquivos e Dados - Purgue o cache do Cloudflare: Limpe a versão antiga do CSS guardada na borda da CDN para o Cloudflare buscar os arquivos novos do servidor.
Cloudflare -> Caching -> Configuration -> Purge Everything - Desative o Rocket Loader: O Rocket Loader adia os scripts do Elementor e trava o editor. Desligue a opção globalmente para o editor voltar a carregar.
Cloudflare -> Speed -> Optimization -> Content Optimization -> Rocket Loader: Off - Crie uma regra para o painel se precisar manter o Rocket Loader no site público: Se quiser manter o Rocket Loader nas páginas publicas, crie uma Page Rule do Cloudflare que desligue o Rocket Loader apenas na área de administracao, onde o editor roda.
Cloudflare -> Rules -> Page Rules -> Create Page Rule URL: seu-domínio.com.br/wp-admin/* Setting: Rocket Loader -> Off - Desligue o Auto Minify para os assets do Elementor: Evite que o Cloudflare reprocesse o CSS e o JS que o Elementor já entrega minificados, o que corrompe regras de estilo.
Cloudflare -> Speed -> Optimization -> Content Optimization -> Auto Minify (CSS/JS): desmarcado
# Regenera o CSS do Elementor e limpa o cache via WP-CLI
wp elementor flush-css
wp cache flush
# Purga uma URL especifica do CSS do Elementor na API do Cloudflare
curl -X POST "https://api.cloudflare.com/client/v4/zones/SEU_ZONE_ID/purge_cache"
-H "Authorization: Bearer SEU_API_TOKEN"
-H "Content-Type: application/json"
--data '{"files":["https://seu-dominio.com.br/wp-content/uploads/elementor/css/post-123.css"]}'Perguntas frequentes
Por que o cache do Elementor e do Cloudflare quebra o layout
Preciso desativar o Rocket Loader por completo
Regenerar Arquivos e Dados apaga meu conteúdo
Onde fica o botão para regenerar os arquivos do Elementor
O Auto Minify do Cloudflare atrapalha o Elementor
Devo limpar o cache antes de atualizar o Elementor
Como limpar o cache do Cloudflare sem afetar o resto do site
O erro pode vir de plugin de cache no próprio WordPress
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.
Como corrigir o Gallery Field com imagens que não carregam no ACF PRO
O ACF Gallery Field não carrega imagem quando o código do template trata o retorno da galeria de forma diferente do Return Format configurado no campo, ou quando o grupo de campos não casa com o post editado, fazendo a galeria voltar vazia no frontend.
Como corrigir o Calendar do JetEngine que não exibe eventos dinâmicos no WordPress
O JetEngine Calendar não exibe eventos dinâmicos quando o campo de data escolhido em Group calendar cells by está vazio ou em formato que o widget não interpreta, quando a query do Listing não retorna posts, ou quando o Listing Template aponta para uma fonte diferente da consultada.
Como corrigir Dynamic Tags do Elementor que não exibem dados do ACF
As Dynamic Tags do Elementor deixam de exibir dados do ACF quando o campo sai vazio no widget dinamico do editor. As causas reais são o Elementor Pro inativo (Dynamic Tags e recurso Pro), a regra de local do grupo ACF não casar com o post editado, ou o Image Field retornar Array em vez de Image URL.
Como corrigir o Sticky Header que não funciona no Safari no Astra Pro
O Astra sticky header não funciona no Safari quando o módulo Sticky Header do Astra Pro não está ativo para o dispositivo, quando um ancestral do cabeçalho usa overflow ou transform que invalida o position sticky no WebKit, ou quando CSS e cache antigos do tema continuam sendo servidos ao navegador da Apple.
Como corrigir erros de compilacao de CSS com vários page builders no WordPress
O erro de CSS com vários page builders no WordPress ocorre quando Elementor e outro construtor (como o Astra Pro) geram folhas de estilo separadas que se sobrepoem ou ficam em cache desatualizado, fazendo o layout da página renderizar sem os estilos corretos.
Saúde e Bem-Estar
Restaurantes & Alimentação
Hotelaria & Turismo
Imobiliárias & Construção
Negócios Locais & Franquias
E-commerce & Lojas Virtuais
Educação & Cursos
Profissionais Liberais & Serviços
Agências Digitais & Freelancers
MEIs e Autônomos
Agências e Freelancers
Pequenas Empresas
Startups
Franquias
Elementor PRO
Rank Math
SEOPress
Happy Addons
Tutor LMS
WP Optimize
Crocoblock
WP Rocket
Ultimate Addons
Perfmatter
Funnel Kit
AIOS
Astra PRO
ACF
Essential Addons
WP Forms
UpdraftPlus
Ver mais
FULL CRM 
FULL Widget
FULL Woo
FULL Pop-up
FULL Security
FULL NPS
FULL Update
FULL Social Proof
FULL Analytics
FULL Templates
FULL Creator AI
FULL Backup
FULL Safe Login
FULL SMTP
FULL Monitor
FULL Speed
FULL Cache
FULL Whitelabel
