Essential Addons WP Rocket: widget quebrado pelo cache

Tipo Page Builders

Nome do erro Cache do WP Rocket quebra widgets do Essential Addons EN: WP Rocket cache breaking Essential Addons widgets

Severidade Grave

Descrição Widgets do Essential Addons param de renderizar no frontend quando o WP Rocket remove o CSS dinâmico 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.

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

Causa

A opção Remove Unused CSS (aba File Optimization) classifica o CSS por página do Essential Addons como não utilizado e o remove ao gerar o inline 'style id=wpr-usedcss', deixando os widgets sem estilo.
A opção Delay JavaScript Execution segura o eael-general.js e o eael scripts até a primeira interacao do usuário, e widgets interativos como Advanced Accordion e Post Grid filtravel não inicializam.
A opção Combine JavaScript files junta o eael-general.js com outros scripts e o objeto localizado eael_translate_text fica indefinido, gerando 'eael is not defined' no console.
A opção Load JavaScript Deferred adia o jQuery do qual o eael-general.js depende, e o script do plugin executa antes da dependencia, travando o widget.
O cache do WP Rocket foi gerado antes do Essential Addons regenerar seus assets após ativar um novo widget em Save Default Settings, servindo uma versão da página sem o CSS do widget recem-ativado.
A opção Minify or Combine CSS files quebra os caminhos relativos de fontes e icones dentro do CSS do Essential Addons, deixando icones de widgets como Pricing Table e Testimonials sem renderizar.

Como resolver

Confirme que a causa e o WP Rocket: No painel, va em WP Rocket -> Dashboard e clique em Clear and preload cache. Se os widgets do Essential Addons voltarem ao normal e quebrarem de novo em poucos minutos, o conflito esta nas otimizacoes de CSS e JavaScript, e não no Essential Addons em si.
```
Settings -> WP Rocket -> Dashboard -> Clear and preload cache
```
Adicione os caminhos do Essential Addons ao CSS Safelist: Abra a aba de otimização de CSS, role até a área de Optimize CSS delivery e cole no campo CSS Safelist, uma por linha, as folhas e prefixos de classe do plugin. Salvar limpa e regenera o Used CSS preservando essas regras, e os widgets voltam a ter estilo.
```
Settings -> WP Rocket -> File Optimization -> Optimize CSS delivery -> CSS Safelist
eael
essential-addons-elementor
eael-general
.eael-
```
Exclua o script do Essential Addons do Delay e do Combine: Ainda em File Optimization, adicione o script do plugin na lista de exclusão do Delay JavaScript Execution e nos arquivos excluidos do Combine, para que o objeto de configuração do plugin carregue antes do widget e abas, acordeoes e filtros voltem a responder.
```
Settings -> WP Rocket -> File Optimization -> Delay JavaScript Execution -> Excluded files
/essential-addons-elementor/assets/front-end/js/view/general.min.js
eael-general
eael_translate_text
```
Regenere os assets do Essential Addons e limpe o cache: Va nas configurações do Essential Addons e use a regeneracao de assets para reconstruir os arquivos por página do plugin, depois volte ao WP Rocket e limpe o cache. Recompilar no plugin antes de limpar o cache evita que o WP Rocket guarde um CSS desatualizado.
```
Essential Addons -> Settings -> Save Default Settings (regenera os assets)
Settings -> WP Rocket -> Dashboard -> Clear and preload cache
```
Se persistir, isole a otimização culpada: Desative uma de cada vez Combine JavaScript files, Load JavaScript Deferred e Remove Unused CSS, recarregando o frontend em janela anonima com cache limpo a cada teste, até identificar qual opção quebra o widget e manter so essa desligada.
```
Settings -> WP Rocket -> File Optimization (desligar uma opção por vez)
```

HTML

eael
essential-addons-elementor
eael-general
eael-tooltip
eael-image-comparison
.eael-
/essential-addons-elementor/assets/front-end/js/view/general.min.js
eael_translate_text

Perguntas frequentes

Por que os widgets do Essential Addons quebram so no frontend e o editor do Elementor continua normal?

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.

Preciso desativar todo o WP Rocket para os widgets do Essential Addons voltarem?

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.

O que significa o erro eael is not defined no console depois de ativar o WP Rocket?

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.

Adicionei o Essential Addons 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 Remove Unused CSS um de cada vez até identificar qual opção remove o estilo dos widgets do plugin.

As abas e acordeoes do Essential Addons pararam de responder depois do WP Rocket, por que?

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.

Preciso regenerar os assets do Essential Addons depois de mexer no cache?

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.

Os icones dos widgets Pricing Table e Testimonials sumiram após o WP Rocket, como resolver?

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.

O mesmo conflito acontece com a versão Pro do Essential Addons?

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.

Atenção

Como corrigir o conflito de Custom Fields entre ACF PRO e JetEngine no WordPress

O conflito de Custom Fields entre ACF PRO e JetEngine ocorre quando os dois plugins registram um campo com o mesmo nome de meta e gravam na mesma chave da tabela wp_postmeta, fazendo um sobrescrever o valor salvo pelo outro.

Atenção

Como corrigir o JetTricks que não aplica efeitos no Elementor

O JetTricks não aplica efeitos no Elementor quando o plugin ou o Elementor estão inativos ou desatualizados, quando o efeito é verificado apenas no editor (a maioria roda só no frontend publicado) ou quando cache e otimização de JavaScript bloqueiam os scripts do JetTricks.

Atenção

Como corrigir o conflito de widgets entre Ultimate Addons e Crocoblock no WordPress

O conflito de widgets entre Ultimate Addons e Crocoblock acontece quando os dois plugins registram widgets no mesmo Elementor e disputam scripts, cache ou nomes de widget, fazendo os widgets sumirem do painel, duplicarem ou quebrarem a previa no editor.

Atenção

Como corrigir o Dynamic Visibility do JetEngine que não funciona com cache no WordPress

O JetEngine Dynamic Visibility e o cache entram em conflito porque a visibilidade dinâmica e avaliada no servidor a cada carregamento, enquanto o cache de página inteira congela a primeira versão do HTML e serve a mesma copia a todos os visitantes, ignorando o papel, o login e as condicoes de cada um.

Grave

Como corrigir o erro de jQuery entre Elementor, Crocoblock e addons

O erro de jQuery entre Elementor e Crocoblock aparece quando dois scripts carregam versões diferentes de jQuery ou quando o jQuery e adiado, e o console mostra 'jQuery is not defined' ou '$ is not a function'. Os widgets dinamicos do JetEngine, os filtros do JetSmartFilters e os popups do JetPopup param de funcionar.

Grave

Como corrigir CSS do Elementor que não aplica no frontend

O CSS do Elementor que não aplica no frontend deixa a página pública sem estilo (crua) enquanto o editor mostra o layout correto. A causa quase sempre e o arquivo de CSS do Elementor corrompido ou não regenerado, o cache servindo uma versão antiga, ou o modo de impressao de CSS configurado de forma incompativel com o servidor.

Setores

Extensões

Integrações

Como corrigir widgets do Essential Addons quebrados pelo cache do WP Rocket

O que é conflito do Essential Addons com o WP Rocket?

Como identificar

Como prevenir

Causa

Como resolver

Perguntas frequentes

Itens relacionados

Como corrigir o conflito de Custom Fields entre ACF PRO e JetEngine no WordPress

Como corrigir o JetTricks que não aplica efeitos no Elementor

Como corrigir o conflito de widgets entre Ultimate Addons e Crocoblock no WordPress

Como corrigir o Dynamic Visibility do JetEngine que não funciona com cache no WordPress

Como corrigir o erro de jQuery entre Elementor, Crocoblock e addons

Como corrigir CSS do Elementor que não aplica no frontend

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