--- title: "Como corrigir widgets do Essential Addons quebrados pelo cache do WP Rocket" url: https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/ date: 2026-06-17 author: "Clayton Margiotti" --- # Como corrigir widgets do Essential Addons quebrados pelo cache do WP Rocket ## O que é conflito do Essential Addons com o WP Rocket? O conflito entre o Essential Addons e o WP Rocket acontece quando as otimizacoes de CSS e JavaScript do WP Rocket processam os arquivos que o Essential Addons gera por página. O plugin compila o estilo e o script de cada widget em arquivos próprios na pasta de uploads e os enfileira com handles como eael-general e essential-addons-elementor. Quando o Remove Unused CSS classifica esse CSS como não utilizado e o Delay JavaScript Execution segura o eael-general.js, o visitante recebe a página sem o estilo e sem a lógica dos widgets, enquanto o editor do Elementor continua mostrando tudo certo. ## Como identificar - Widgets do Essential Addons (Post Grid, Advanced Accordion, Data Table, Testimonials) aparecem sem estilo, empilhados ou em branco no frontend, enquanto o editor do Elementor mostra o widget correto - Abas, acordeoes, filtros e carrosseis do Essential Addons param de responder ao clique porque o script eael-general.js não executa - O layout volta ao normal logo após limpar o cache do WP Rocket e quebra de novo em poucos 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 do plugin (eael, essential-addons-elementor) somem ou viram preload - No console do navegador aparece o erro 'eael is not defined' ou 'localize is not defined' porque o objeto de configuração do plugin não carregou antes do widget - O problema desaparece com o WP Rocket desativado e volta ao reativar o plugin **Antes de começar:** Faca backup do banco antes de mexer nas otimizacoes. 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 dos widgets. ## Como prevenir - Mantenha os prefixos do Essential Addons (eael, essential-addons-elementor, .eael-) fixos no CSS Safelist do WP Rocket para que novas regeneracoes do Used CSS nunca removam o estilo dos widgets - Sempre que ativar ou desativar um widget em Save Default Settings, regenere os assets do plugin e so depois limpe o cache do WP Rocket, nessa ordem - Após atualizar o Essential Addons ou o WP Rocket, teste o frontend em uma janela anonima com cache limpo antes de considerar o deploy concluido - Ative o Safe Mode do WP Rocket em uma página de teste para confirmar que a quebra vem do cache antes de alterar as otimizacoes Erros relacionados - [Como corrigir conflitos de cache entre WP Rocket e Elementor](https://full.services/wp-fixer/corrigir-conflito-cache-wp-rocket-elementor/) - [Como corrigir o erro do widget Advanced Accordion no Essential Addons](https://full.services/wp-fixer/corrigir-advanced-accordion-essential-addons/) - [Como corrigir o erro de licença no Essential Addons for Elementor](https://full.services/wp-fixer/corrigir-erro-licenca-essential-addons/) --- ## 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-cache-wp-rocket-essential-addons/#article", "headline": "Como corrigir widgets do Essential Addons quebrados pelo cache do WP Rocket", "url": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/", "inLanguage": "pt-BR", "datePublished": "2026-06-17T12:08:34-03:00", "dateModified": "2026-06-17T12:37:52-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-cache-wp-rocket-essential-addons/" }, "wordCount": 968, "description": "Widgets do Essential Addons param de renderizar no frontend quando o WP Rocket remove o CSS dinamico do plugin pelo Remove Unused CSS e segura o eael-general.js pelo Delay JavaScript Execution. A correção e adicionar os caminhos do eael ao Safelist de CSS, excluir o script do Delay e limpar o cache.", "articleSection": "Page Builders", "keywords": "delay javascript essential addons elementor, eael css removido wp rocket, essential addons widget nao carrega cache, remove unused css essential addons, wp rocket quebra widget eael", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://essential-addons.com/docs/", "name": "Essential Addons for Elementor — Documentation" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir widgets do Essential Addons quebrados pelo cache do WP Rocket", "programmingLanguage": "HTML", "codeRepository": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/#faq-q1", "name": "Por que os widgets do Essential Addons quebram so no frontend e o editor do Elementor continua normal?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O editor carrega o CSS e o JavaScript direto do plugin, sem passar pelas otimizacoes do WP Rocket. O frontend serve a versão em cache, onde o Remove Unused CSS removeu as folhas do Essential Addons e o Delay segurou o eael-general.js. Por isso a quebra aparece so para o visitante.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/#faq-q2", "name": "Preciso desativar todo o WP Rocket para os widgets do Essential Addons voltarem?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Não. Na maioria dos casos basta adicionar os prefixos eael e essential-addons-elementor ao CSS Safelist e excluir o eael-general.js do Delay JavaScript Execution. Assim você mantem o cache e o ganho de velocidade sem quebrar os widgets.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/#faq-q3", "name": "O que significa o erro eael is not defined no console depois de ativar o WP Rocket?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Esse erro aparece quando o Combine ou o Delay separam o eael-general.js do objeto de configuração que o plugin injeta inline. O widget executa antes da variavel existir e para de funcionar. Excluir o script do Combine e do Delay resolve.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/#faq-q4", "name": "Adicionei o Essential Addons 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 Remove Unused CSS um de cada vez até identificar qual opção remove o estilo dos widgets do plugin.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/#faq-q5", "name": "As abas e acordeoes do Essential Addons pararam de responder depois do WP Rocket, por que?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O Delay JavaScript Execution segura o eael-general.js até a primeira interacao do usuário. Excluir esse script da lista de Delay faz o Advanced Accordion, o Post Grid filtravel e as abas voltarem a inicializar e responder ao clique.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/#faq-q6", "name": "Preciso regenerar os assets do Essential Addons depois de mexer no cache?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim. Use Save Default Settings nas configurações do plugin para reconstruir os arquivos por página e so depois limpe o cache do WP Rocket. Inverter a ordem faz o WP Rocket guardar um CSS do widget que já foi recompilado.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/#faq-q7", "name": "Os icones dos widgets Pricing Table e Testimonials sumiram após o WP Rocket, como resolver?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O Combine CSS files quebra os caminhos relativos de fontes de icone dentro do CSS do Essential Addons. Desative o Combine CSS ou adicione os arquivos de fonte ao Safelist para os icones dos widgets voltarem a aparecer.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cache-wp-rocket-essential-addons/#faq-q8", "name": "O mesmo conflito acontece com a versão Pro do Essential Addons?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim. Os widgets Pro como Data Table, Woo Product Grid e Event Calendar geram CSS e JavaScript próprios e sofrem o mesmo conflito. Inclua os prefixos eael e essential-addons-elementor no Safelist e exclua o script do Delay para proteger também esses widgets.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```