Conflito de cache WP Rocket e Elementor: como resolver

Tipo Performance & Velocidade

Nome do erro Conflito de cache entre WP Rocket e Elementor EN: WP Rocket cache conflict with Elementor

Severidade Grave

Descrição O conflito de cache entre WP Rocket e Elementor quebra o layout no frontend quando o Remove Unused CSS remove os arquivos de CSS dinamico do builder. A correção e adicionar os caminhos do Elementor ao campo Safelist de CSS e limpar o cache.

Conteúdo exclusivo para membros Pro

Faça upgrade para acessar este item completo.

// ★ Conteúdo disponível para membros Pro...
// Faça upgrade para acessar este item.

Perguntas frequentes

Por que o site fica sem estilo so no frontend e o editor do Elementor continua normal?

O editor carrega o CSS direto do Elementor, sem passar pelas otimizacoes do WP Rocket. O frontend serve a versão em cache, onde o Remove Unused CSS removeu as folhas do builder. Por isso a quebra aparece so para o visitante.

Preciso desativar todo o WP Rocket para resolver o conflito com o Elementor?

Não. Na maioria dos casos basta adicionar os caminhos do Elementor ao CSS Safelist e excluir o elementor-frontend.js do Delay JavaScript Execution. Assim você mantem o cache e o ganho de velocidade sem quebrar o layout.

O que e a tag style id wpr-usedcss que aparece no código da página?

E o CSS inline que o Remove Unused CSS injeta após o titulo da página com apenas as regras que o WP Rocket julgou usadas. Quando ele descarta as regras dinamicas do Elementor, esse bloco fica incompleto e o layout quebra.

Adicionei o Elementor ao Safelist e o layout continua quebrado, e agora?

Limpe o cache com Clear and preload cache para forcar a regeneracao do Used CSS. Se persistir, desative Combine CSS files e Optimize CSS delivery um de cada vez para identificar qual opção remove o estilo do builder.

Os botoes e abas do Elementor pararam de funcionar depois do WP Rocket, por que?

O Delay JavaScript Execution segura o elementor-frontend.js até a primeira interacao do usuário. Excluir esse script da lista de Delay JavaScript faz os widgets interativos voltarem a responder normalmente.

O Lazy Load do WP Rocket pode quebrar imagens de fundo do Elementor?

Sim. Quando a imagem de fundo e definida via CSS pelo Elementor, o Lazy Load pode atrasar o carregamento e deixar a seção sem background. Desligar o Lazy Load para imagens via CSS ou excluir a seção resolve.

Devo limpar o cache do Elementor ou do WP Rocket primeiro?

Primeiro recompile no Elementor (Regenerate Files & Data) para reconstruir os arquivos de CSS por página, depois limpe o cache do WP Rocket. Inverter a ordem faz o WP Rocket cachear um CSS desatualizado.

O problema acontece também com o Elementor Pro e o Theme Builder?

Sim. Templates de header, footer e single do Theme Builder geram CSS próprio em uploads/elementor/css e sofrem o mesmo conflito. Inclua os caminhos elementor-pro e elementor-global no Safelist para proteger esses estilos.

Pro Grave

Como otimizar o wp_options para reduzir queries lentas no WordPress

O wp_options lento no WordPress acontece quando a tabela de opções carrega dados demais em autoload a cada requisição, pesando em todas as páginas. Costuma vir de autoload inchado, transients órfãos acumulados e lixo deixado por plugins desinstalados.

Pro Grave

Como corrigir o conflito de CSS otimizado entre Astra Pro e WP Rocket

O conflito de CSS otimizado entre Astra Pro e WP Rocket acontece quando o Remove Unused CSS ou a combinacao de CSS do WP Rocket descarta o estilo dinamico do Astra, e o site carrega sem layout: fontes erradas, cores fora do lugar e botoes sem formatacao. Aparece so na primeira visita de cada URL, porque o CSS usado e gerado por página.

Pro Grave

Como corrigir a integração de CDN do WP Rocket que não funciona

WP Rocket CDN não funciona é quando a opção Content Delivery Network está ativa mas o plugin não reescreve as URLs dos arquivos estáticos, então imagens, CSS e JS continuam saindo pelo domínio do site. No código-fonte, os assets ainda apontam para o domínio principal, e não para o CNAME informado.

Pro Atenção

Como corrigir o WP Rocket que não minifica o CSS

O WP Rocket minifica CSS de forma incompleta quando a opção Minify CSS files esta ligada mas certas folhas ficam de fora por regra do plugin: CSS inline, arquivos já terminados em .min, folhas com data-no-minify, CSS via @import e o CSS de posts do Elementor. A correção e ver qual folha o plugin ignora, limpar o cache e ajustar a origem.

Pro Grave

Como corrigir render-blocking resources no WordPress

Render-blocking resources no WordPress são arquivos de CSS e JavaScript carregados no início da página que o navegador precisa baixar e processar antes de pintar qualquer conteúdo. Costumam vir de folhas de estilo e scripts enfileirados no head por tema e plugins, que atrasam a primeira pintura e elevam o LCP.

Pro Grave

Como corrigir erros de integração entre WP Rocket e Cloudflare

A integração entre WP Rocket e Cloudflare falha quando as duas camadas otimizam os mesmos arquivos ou quando o add-on não autentica. O resultado é JavaScript quebrado, CSS sem aplicar ou cache que não limpa.

Setores

Extensões

Integrações

Como corrigir conflitos de cache entre WP Rocket e Elementor

Conteúdo exclusivo para membros Pro

Perguntas frequentes

Itens relacionados

Como otimizar o wp_options para reduzir queries lentas no WordPress

Como corrigir o conflito de CSS otimizado entre Astra Pro e WP Rocket

Como corrigir a integração de CDN do WP Rocket que não funciona

Como corrigir o WP Rocket que não minifica o CSS

Como corrigir render-blocking resources no WordPress

Como corrigir erros de integração entre WP Rocket e Cloudflare

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