--- title: "Como corrigir o conflito entre Elementor e WP Rocket no WordPress" url: https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/ date: 2026-06-16 author: "Clayton Margiotti" --- # Como corrigir o conflito entre Elementor e WP Rocket no WordPress ## O que é o conflito entre Elementor e WP Rocket? O Elementor monta cada página em tempo de carregamento usando JavaScript próprio (elementor-frontend), folhas de estilo geradas dinamicamente na pasta uploads/elementor/css e dependencias como jQuery, Swiper e os icones eicons. O WP Rocket, para acelerar o site, adia e combina esse JavaScript (Delay JavaScript Execution, Load JavaScript deferred) e remove o CSS que considera não usado em cada página (Remove Unused CSS, Load CSS Asynchronously). O conflito surge quando essas otimizacoes atingem exatamente os arquivos de que o Elementor depende para renderizar e para abrir o editor. O Delay JavaScript Execution segura o script do Elementor até o usuário interagir, e o editor depende desse script para carregar. O Remove Unused CSS apaga regras que o construtor usa em popups, menus e animacoes porque elas não aparecem na primeira renderizacao. Nenhum dos plugins esta quebrado: eles disputam o controle dos mesmos arquivos. Por isso a FULL trata Elementor e WP Rocket como um par a ser configurado junto, não como dois plugins isolados. ## Como identificar - O editor do Elementor não abre depois de ativar o WP Rocket: a tela fica travada em "Carregando" ou em branco. - O layout aparece correto dentro do editor mas quebra no frontend depois que o cache e gerado. - Widgets, popups do Elementor PRO ou o indicador de submenu do menu de navegação somem ou perdem o estilo. - Icones do Elementor (eicons) e fontes desaparecem ou viram quadrados depois de limpar o cache. - Efeito sticky (cabeçalho ou coluna fixa) para de funcionar quando a página rola. - Alterações feitas no editor não aparecem no site até limpar o cache do WP Rocket manualmente. ## Como prevenir - Ative o Elementor nas One-click exclusions do Delay JavaScript Execution antes de ligar a otimização agressiva em producao - Sempre que adicionar um plugin ou template do Elementor, limpe o Used CSS do WP Rocket para o cache não servir um CSS incompleto - Teste cada nova opção de otimização do WP Rocket no frontend com ?nowprocket para comparar a página com e sem cache antes de confiar nela - Mantenha Elementor, Elementor PRO e WP Rocket atualizados: o WP Rocket distribui listas de compatibilidade (dynamic-lists.json) que já excluem arquivos do Elementor automaticamente Erros relacionados - [Como corrigir o editor do Elementor que não carrega](https://full.services/wp-fixer/corrigir-elementor-nao-carrega/) - [Como corrigir CSS do Elementor que não aplica no frontend](https://full.services/wp-fixer/corrigir-elementor-css-nao-aplica/) - [Como resolver cache que não limpa no WordPress](https://full.services/wp-fixer/corrigir-cache-nao-limpa-wordpress/) --- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services/", "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023", "Gold Medal - The WP Weekly Awards 2024" ], "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "TechArticle", "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/#article", "headline": "Como corrigir o conflito entre Elementor e WP Rocket no WordPress", "url": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/", "inLanguage": "pt-BR", "datePublished": "2026-06-16T23:51:37-03:00", "dateModified": "2026-06-17T12:37:51-03:00", "author": { "@id": "https://full.services/#org" }, "publisher": { "@id": "https://full.services/#org" }, "isAccessibleForFree": false, "about": [ { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, { "@type": "Thing", "name": "Page Builders" } ], "mentions": { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/" }, "wordCount": 982, "description": "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.", "articleSection": "Page Builders", "keywords": "delay javascript execution elementor, editor do elementor nao abre com wp rocket, excluir elementor do cache wp rocket, remove unused css quebra elementor, wp rocket quebra layout do elementor", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://docs.wp-rocket.me/article/1745-using-elementor-with-wp-rocket", "name": "WP Rocket — Using Elementor with WP Rocket" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir o conflito entre Elementor e WP Rocket no WordPress", "programmingLanguage": "HTML", "codeRepository": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/#faq-q1", "name": "Preciso desativar o WP Rocket para usar o Elementor?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/#faq-q2", "name": "Qual opção do WP Rocket mais quebra o Elementor?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/#faq-q3", "name": "Por que o editor do Elementor não abre depois de instalar o WP Rocket?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/#faq-q4", "name": "Por que o layout aparece certo no editor e quebra no frontend?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/#faq-q5", "name": "Os icones do Elementor sumiram depois de limpar o cache. O que faz isso?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/#faq-q6", "name": "O efeito sticky do Elementor PRO parou de funcionar. Como volto?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/#faq-q7", "name": "Minhas alterações no Elementor não aparecem no site. E o cache?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/#faq-q8", "name": "Por que o CSS Safelist não corrigiu na hora?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```