WP-Optimize quebra editor do Elementor: como corrigir

Tipo Performance & Velocidade

Nome do erro Cache do WP-Optimize quebra o editor do Elementor EN: WP-Optimize cache breaking Elementor editor

Severidade Grave

Descrição O cache do WP-Optimize que quebra o editor do Elementor acontece quando o minify de CSS e JavaScript ou a página em cache processam os scripts do builder, deixando o canvas em branco ou travado no carregamento. A correção e excluir os arquivos do Elementor do minify e limpar o cache.

O que é cache do WP-Optimize que quebra o editor do Elementor?

O cache do WP-Optimize que quebra o editor do Elementor ocorre quando as otimizacoes de Minify e de Cache de página do WP-Optimize processam ou servem em cache os arquivos que o Elementor usa para montar o builder. O Elementor carrega o editor dentro de um iframe na URL da página e depende de scripts como elementor-editor.js e frontend.js sem alteração; quando o WP-Optimize minifica, mescla esses scripts ou entrega uma versão antiga da página em cache para o usuário logado, o canvas fica em branco, preso no spinner ou exibe a mensagem de preview que não carrega. O editor do Elementor e sensivel a qualquer modificacao nos scripts e na marcacao da página, por isso o minify e o merge agressivos são a causa mais comum dessa quebra.

Como identificar

O editor do Elementor abre com o canvas em branco ou preso no spinner de carregamento, enquanto o frontend da página aparenta estar normal
Aparece a mensagem ‘Preview Could Not Be Loaded’ ou ‘Sorry, the content área was not found in your page’ ao tentar editar a página
O console do navegador mostra erros de JavaScript como ‘Uncaught SyntaxError’ ou ‘elementorFrontend is not defined’ em arquivos com sufixo .min.js servidos pelo WP-Optimize
O editor volta a funcionar assim que o WP-Optimize e desativado e quebra de novo ao reativar o plugin
O builder so carrega depois de limpar o cache em WP-Optimize -> Cache, e trava de novo quando a página e cacheada outra vez
Widgets e paineis do editor aparecem sem estilo ou desalinhados porque o CSS do Elementor foi mesclado com outras folhas no processo de minify

Como prevenir

Mantenha os caminhos do Elementor (editor, frontend e uploads/elementor/css) fixos nas listas de exclusão de CSS e de JavaScript do WP-Optimize, para que novas otimizacoes nunca reprocessem esses arquivos
Sempre que editar uma página, limpe o cache em WP-Optimize -> Cache antes de reabrir o editor, evitando que o builder carregue sobre HTML cacheado antigo
Ative o Minify e o Merge de forma incremental, testando o editor do Elementor em uma aba anonima a cada opção ligada, em vez de habilitar tudo de uma vez
Após atualizar o WP-Optimize ou o Elementor, abra o editor com o cache limpo para confirmar que as exclusoes continuam valendo antes de considerar o deploy concluido

Causa

A opção Merge JavaScript files do Minify junta o elementor-editor.js e o frontend.js com outros scripts num único arquivo, e a ordem de carregamento quebrada impede o editor de inicializar.
A minificacao de JavaScript do WP-Optimize altera ou corrompe o frontend.js do Elementor, gerando 'Uncaught SyntaxError' que aborta o carregamento do canvas.
O Cache de página do WP-Optimize serve uma versão estática antiga da URL para o usuário logado, e o editor abre sobre uma marcacao desatualizada sem o container que o Elementor espera.
O Merge CSS files mescla os arquivos do Elementor (em wp-content/uploads/elementor/css) com o CSS do tema, perdendo regras e deixando a interface do editor sem estilo.
A opção de pre-carregar fontes (preload) ou de carregar CSS de forma assincrona do WP-Optimize atrasa as folhas que o editor precisa, deixando paineis sem formatacao durante a edição.

Como resolver

Confirme que a causa e o WP-Optimize: Va em WP-Optimize -> Cache e clique em Purge cache, depois tente abrir o editor. Se o builder carregar e quebrar de novo após alguns minutos, ou se desativar o plugin resolver, o conflito esta nas otimizacoes de Cache e Minify, e não no próprio Elementor.
Exclua os scripts do Elementor do Minify de JavaScript: Va em WP-Optimize -> Minify -> Javascript, abra JavaScript options e adicione os caminhos abaixo na área Exclude the following JavaScript files from processing, um por linha. Esses arquivos passam a carregar sem minify ou merge, preservando a inicializacao do editor.
```
/elementor/assets/js/editor
/elementor/assets/js/frontend
/elementor-pro/assets/js/
/wp-includes/js/jquery/jquery.min.js
```
Exclua as folhas de estilo do Elementor do Minify de CSS: Va em WP-Optimize -> Minify -> CSS e cole os caminhos abaixo na área Exclude the following CSS files from processing, um por linha. Clique em Save settings; esses arquivos saem da minificacao e do merge e voltam a carregar normalmente.
```
/uploads/elementor/css/
/elementor/assets/css/
/elementor-pro/assets/css/
```
Impeca o Cache de página de servir HTML antigo no editor: Em WP-Optimize -> Cache, abra a aba Advanced settings e adicione as URLs de edição a área de URLs que nunca devem ser cacheadas. Em seguida clique em Purge cache para descartar as versões já armazenadas.
```
/wp-admin/
(.*)?elementor-preview=(.*)
(.*)?action=elementor(.*)
```
Se persistir, isole a otimização culpada: Em WP-Optimize -> Minify -> Javascript, desligue Merge JavaScript files; se não resolver, desligue também o minify de JavaScript e teste o editor a cada mudanca com o cache limpo, até identificar exatamente qual opção quebra o builder e manter so essa desligada.

HTML

/elementor/assets/js/editor
/elementor/assets/js/frontend
/elementor-pro/assets/js/
/uploads/elementor/css/
/elementor/assets/css/
/wp-includes/js/jquery/jquery.min.js

Perguntas frequentes

Por que o editor do Elementor quebra e o frontend da página continua normal?

O editor carrega scripts adicionais (elementor-editor.js) que o WP-Optimize minifica ou mescla. O frontend usa um conjunto menor de arquivos que muitas vezes sobrevive ao minify, por isso a página publicada parece intacta enquanto o builder não abre.

Preciso desativar o WP-Optimize inteiro para o Elementor voltar a funcionar?

Não. Na maioria dos casos basta excluir os arquivos do Elementor das listas de Minify de CSS e de JavaScript e impedir o Cache de página nas URLs de edição. Assim você mantem a otimização e o ganho de velocidade sem quebrar o editor.

O erro 'Preview Could Not Be Loaded' tem relacao com o WP-Optimize?

Sim, quando o WP-Optimize serve uma página em cache sem o container que o Elementor espera, ou corrompe o frontend.js no merge, o editor não encontra a área de conteúdo e exibe essa mensagem. Limpar o cache e excluir os scripts costuma resolver.

Quais arquivos do Elementor devo excluir do Minify do WP-Optimize?

Exclua os scripts editor e frontend em /elementor/assets/js, os do Elementor Pro em /elementor-pro/assets/js e o jQuery do core. No CSS, exclua /uploads/elementor/css e as folhas em /elementor/assets/css, que são geradas por página pelo builder.

O Cache de página do WP-Optimize afeta quem esta logado editando?

Pode afetar. Se a URL de edição for cacheada, o editor abre sobre uma versão estática antiga sem o container atual. Adicionar as URLs com elementor-preview e action=elementor a lista de exclusão de cache evita esse comportamento.

Excluir o jQuery do minify atrapalha a performance do site?

O impacto e mínimo. O jQuery e um único arquivo já minificado pelo core do WordPress, e mante-lo fora do merge do WP-Optimize evita erros de inicializacao no editor sem aumentar de forma relevante o tempo de carregamento das páginas publicas.

Liguei o Minify e o editor parou; como descobrir qual opção foi a culpada?

Desligue uma opção por vez na ordem Merge JavaScript, minify de JavaScript e Merge CSS, limpando o cache e testando o editor a cada passo. Quando o builder voltar a abrir, a última opção desligada e a responsável pela quebra.

Depois de excluir os arquivos o editor ainda não abre, o que falta?

Limpe o cache em WP-Optimize -> Cache para forcar a regeneracao e recompile o CSS em Elementor -> Tools -> Regenerate Files & Data. Se persistir, desligue o Merge JavaScript files, que e a otimização que com mais frequencia trava a inicializacao do builder.

Atenção

Como corrigir imagens sem lazy loading no WordPress

Imagens sem lazy loading no WordPress significam que o navegador baixa todas as imagens da página de uma vez, inclusive as que estão abaixo da dobra. Costuma vir de tema antigo que remove o atributo loading, plugin que desativa o recurso nativo ou imagens inseridas direto no HTML sem o atributo.

Crítico

Como recuperar o site após a otimização de banco do WP Rocket

Database Optimization do WP Rocket é a limpeza de banco que apaga revisões, rascunhos, comentários de spam e transientes de forma permanente. A própria documentação avisa que, depois de executada, não há como desfazer, então conteúdo apagado por engano ou tabelas que quebraram só voltam com a restauração de um backup.

Atenção

Como corrigir o erro de minificação de CSS no WP-Optimize

O erro de minify CSS no WP-Optimize aparece quando a opção de minificar e mesclar folhas de estilo processa um CSS incompativel ou com erro de sintaxe, deixando o site sem estilo, com layout quebrado ou com elementos desalinhados. A correção e isolar o CSS culpado, exclui-lo do processamento e resetar os arquivos minificados.

Informativo

Como corrigir o erro ao desativar RSS Feeds no Perfmatters

O erro ao desativar RSS Feeds no Perfmatters acontece quando a opção Disable RSS Feeds, em Options, fica ativa e passa a redirecionar ou bloquear todas as URLs de feed do WordPress, derrubando integracoes que ainda dependem do RSS, como Mailchimp, FeedBurner, podcast e leitores de feed.

Informativo

Como corrigir o erro ao desativar emojis no Perfmatters no WordPress

O erro ao usar o Perfmatters disable emojis ocorre quando outro plugin de cache serve um HTML antigo, um plugin de terceiros reenfileira o emoji do WordPress ou o tema usa caracteres emoji que dependiam do script removido, fazendo o wp-emoji-release.min.js voltar a aparecer ou os emojis renderizarem errado.

Atenção

Como corrigir o cache mobile do WP Rocket que não funciona no iOS no WordPress

O cache mobile do WP Rocket não funciona no iOS quando a opção Separate cache files for mobile devices está desativada, quando uma camada de cache acima do WP Rocket (Cloudflare, Varnish ou NGINX) entrega a versão desktop ao iPhone, ou quando o user agent do Safari iOS não é detectado como dispositivo móvel.

Setores

Extensões

Integrações

Como corrigir o cache do WP-Optimize que quebra o editor do Elementor

O que é cache do WP-Optimize que quebra o editor do Elementor?

Como identificar

Como prevenir

Causa

Como resolver

Perguntas frequentes

Itens relacionados

Como corrigir imagens sem lazy loading no WordPress

Como recuperar o site após a otimização de banco do WP Rocket

Como corrigir o erro de minificação de CSS no WP-Optimize

Como corrigir o erro ao desativar RSS Feeds no Perfmatters

Como corrigir o erro ao desativar emojis no Perfmatters no WordPress

Como corrigir o cache mobile do WP Rocket que não funciona no iOS no WordPress

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