🎉 USE O CUPOM DESCONTO-FULL | 10% OFF acima de R$ 100,00

Como corrigir o conflito entre Elementor e WP Rocket no WordPress

Time Full Services Time Full Services Pro
Tipo Page Builders
Nome do erro Conflito entre Elementor e WP Rocket EN: Elementor and WP Rocket conflict
Severidade Grave
Descrição O conflito entre Elementor e WP Rocket aparece quando a otimização de JavaScript e CSS do cache atinge os arquivos do construtor: o editor do Elementor não abre, o layout quebra no frontend ou widgets e icones somem ao limpar o cache. A causa não e bug de nenhum dos dois, e otimização agressiva sobre o que o Elementor precisa.

Conteúdo exclusivo para membros Pro

Faça upgrade para acessar este item completo.

Perguntas frequentes

Preciso desativar o WP Rocket para usar o Elementor?
Não. Os dois funcionam juntos quando você exclui os arquivos do Elementor das otimizacoes agressivas. Desligar o WP Rocket so serve como teste rápido: use ?nowprocket no fim da URL para confirmar que o cache e a causa, e depois ajuste as exclusoes em vez de abrir mao da performance.
Qual opção do WP Rocket mais quebra o Elementor?
Duas se destacam. O Delay JavaScript Execution adia o elementor-frontend e impede o editor de abrir e os widgets de inicializar. O Remove Unused CSS apaga classes que o Elementor usa em popups, menus e animacoes. Comece desligando essas duas, confirme qual causa o problema e reative com as exclusoes corretas.
Por que o editor do Elementor não abre depois de instalar o WP Rocket?
Porque o Delay JavaScript Execution segura o JavaScript do Elementor até o usuário interagir com a página, e o editor depende desse script para carregar. Marque a exclusão do Elementor nas One-click exclusions do Delay JS, ou adicione /elementor/assets/js/frontend(.min)?.js na caixa Excluded JavaScript files.
Por que o layout aparece certo no editor e quebra no frontend?
Porque o editor carrega o CSS do Elementor inteiro, enquanto o frontend recebe o Used CSS gerado pelo Remove Unused CSS, que descarta regras não vistas na primeira renderizacao. Popups, menus e estados ocultos perdem o estilo. Adicione .elementor(.*) e a pasta uploads/elementor/css ao CSS Safelist e limpe o Used CSS.
Os icones do Elementor sumiram depois de limpar o cache. O que faz isso?
A otimização de JavaScript e de CSS pode atingir a fonte de icones eicons e o CSS que a carrega. Adicione eicons a caixa Excluded JavaScript files do Delay JS e inclua os padroes do Elementor no CSS Safelist. Em seguida limpe o cache e o Used CSS para regenerar os arquivos.
O efeito sticky do Elementor PRO parou de funcionar. Como volto?
O Load JavaScript deferred adia o jquery.sticky.min.js que mantem o elemento fixo na rolagem. Exclua /elementor-pro/assets/lib/sticky/jquery.sticky.min.js da caixa de exclusoes do Load JavaScript deferred e, se o Delay JavaScript Execution estiver ativo, adicione a mesma exclusão também nele.
Minhas alterações no Elementor não aparecem no site. E o cache?
Sim. O WP Rocket serve o HTML em cache enquanto o Elementor já gerou conteúdo novo. Limpe o cache do WP Rocket no painel e, se ainda houver diferenca de estilo, use Remover CSS usado para regenerar o Used CSS. Salvar a página no Elementor nem sempre invalida o cache sozinho.
Por que o CSS Safelist não corrigiu na hora?
Porque o safelisting não e instantaneo: ele so passa a valer quando o WP Rocket regenera o Used CSS daquela página. Depois de adicionar as classes do Elementor ao Safelist, clique em Remover CSS usado, recarregue a página pública e confirme no código-fonte se o bloco wpr-usedcss foi atualizado.

Seja PRO.

Tenha acesso a snippets de código premium — PHP, JavaScript, CSS e HTML prontos para usar em seus projetos.

Conhecer o plano Pro →

Uma nova era para o WordPress.

A FULL Services redefine o CMS com uma arquitetura modular que transforma o WordPress em um motor de crescimento digital. 

Painéis personalizados

Um novo nível de controle para o WordPress. Acompanhe métricas, automações e evolução do seu site em um único painel visual.

A força por trás de grandes marcas

Para agências, estúdios e profissionais independentes que desejam oferecer soluções de alto nível com sua própria marca.

Componentes

Hero Sections

30 componentes

Seções de CTA

14 componentes

Login

14 componentes

Blog

14 componentes

Cabeçalhos

24 componentes

Seções de FAQ

53 componentes

Cadastro

53 componentes

Blog individual

53 componentes

Rodapés

28 componentes

Seções de contato

27 componentes

Seções de preços

27 componentes

Faixas

27 componentes

Portfólio

16 componentes

Seções de equipe

12 componentes

Números

12 componentes

Logotipos

12 componentes