--- title: "Como corrigir conflitos de cache entre WP Rocket e Elementor" url: https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/ date: 2026-06-17 author: "Clayton Margiotti" --- # Como corrigir conflitos de cache entre WP Rocket e Elementor ## O que é conflito de cache WP Rocket Elementor? O conflito de cache entre WP Rocket e Elementor acontece quando as otimizacoes de CSS e JavaScript do WP Rocket processam ou removem os arquivos que o Elementor gera dinamicamente por página (em wp-content/uploads/elementor/css/). O Elementor compila o estilo de cada página, post e Kit global em arquivos como post-123.css e global.css; quando o Remove Unused CSS, o Optimize CSS Delivery ou o Combine CSS interferem nesses arquivos, o navegador recebe a página sem as regras de estilo do builder. ## Como identificar - Layout quebrado, sem espacamento e sem cores no frontend, enquanto o editor do Elementor mostra a página correta - Estilos retornam ao normal quando você limpa o cache do WP Rocket e somem de novo após alguns minutos (quando o Used CSS e regenerado) - No código-fonte da página aparece a tag inline 'style id=wpr-usedcss' e as folhas de estilo do Elementor (elementor-frontend, elementor-post-123) somem ou viram preload - Botoes, acordeoes, abas e carrosseis do Elementor param de responder ao clique porque o Delay JavaScript Execution segura o elementor-frontend.js - O problema desaparece com o WP Rocket desativado e volta ao reativar o plugin - Mensagem 'Used CSS is being generated' no admin e a página segue sem estilo enquanto a fila assincrona não termina **Antes de começar:** Faca backup do banco antes de mexer nas opções de otimização. As configurações do WP Rocket ficam na option wp_rocket_settings e um backup permite reverter para o estado anterior caso o Used CSS regenerado piore o layout. ## Como prevenir - Sempre que editar uma página no Elementor, rode Elementor -> Tools -> Regenerate Files & Data e em seguida limpe o cache do WP Rocket, nessa ordem - Mantenha os caminhos do Elementor (elementor-frontend, elementor-post, elementor-global) fixos no CSS Safelist para que novas regeneracoes do Used CSS nunca removam o estilo do builder - Após atualizar o WP Rocket ou o Elementor, teste o frontend em uma janela anonima com cache limpo antes de considerar o deploy concluido - Use o modo Safe Mode do Elementor para confirmar que um problema de layout vem do cache e não de outro plugin antes de alterar as otimizacoes Erros relacionados - [Como corrigir CSS do Elementor que não aplica no frontend](https://full.services/wp-fixer/corrigir-elementor-css-nao-aplica/) - [Como corrigir o conflito entre Elementor e WP Rocket no WordPress](https://full.services/wp-fixer/corrigir-conflito-elementor-wp-rocket/) - [Como corrigir o Delay JavaScript do WP Rocket que quebra funções do site](https://full.services/wp-fixer/corrigir-delay-javascript-wp-rocket/) --- ## 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-cache-wp-rocket-elementor/#article", "headline": "Como corrigir conflitos de cache entre WP Rocket e Elementor", "url": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/", "inLanguage": "pt-BR", "datePublished": "2026-06-17T12:39:30-03:00", "dateModified": "2026-06-17T12:39:30-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": "Performance & Velocidade" } ], "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-cache-wp-rocket-elementor/" }, "wordCount": 802, "description": "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.", "articleSection": "Performance & Velocidade", "keywords": "delay javascript elementor wp rocket, remove unused css elementor, safelist css wp rocket, wp rocket css elementor nao carrega, wp rocket quebra layout elementor", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://docs.wp-rocket.me/article/1529-remove-unused-css", "name": "WP Rocket — Remove Unused CSS" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir conflitos de cache entre WP Rocket e Elementor", "programmingLanguage": "HTML", "codeRepository": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/#faq-q1", "name": "Por que o site fica sem estilo so no frontend e o editor do Elementor continua normal?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/#faq-q2", "name": "Preciso desativar todo o WP Rocket para resolver o conflito com o Elementor?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/#faq-q3", "name": "O que e a tag style id wpr-usedcss que aparece no código da página?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/#faq-q4", "name": "Adicionei o Elementor ao Safelist e o layout continua quebrado, e agora?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/#faq-q5", "name": "Os botoes e abas do Elementor pararam de funcionar depois do WP Rocket, por que?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/#faq-q6", "name": "O Lazy Load do WP Rocket pode quebrar imagens de fundo do Elementor?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/#faq-q7", "name": "Devo limpar o cache do Elementor ou do WP Rocket primeiro?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/#faq-q8", "name": "O problema acontece também com o Elementor Pro e o Theme Builder?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```