Perfmatters e WP Rocket: corrigir conflito de otimização

Tipo Performance & Velocidade

Nome do erro Conflito entre Perfmatters e WP Rocket EN: Perfmatters and WP Rocket optimization conflict

Severidade Grave

Descrição O conflito entre Perfmatters e WP Rocket ocorre quando a mesma otimização (Remove Unused CSS, Delay JavaScript ou combinar arquivos) fica ligada nos dois plugins ao mesmo tempo, processando o asset em duplicidade e quebrando layout ou scripts. A regra e: cada otimização mora em um plugin so.

O que é conflito entre Perfmatters e WP Rocket?

Perfmatters e WP Rocket são plugins de performance que tem recursos sobrepostos: ambos fazem Remove Unused CSS, Delay JavaScript, lazy load de imagens, host local de Google Fonts e controle da Heartbeat API. O conflito de otimização entre Perfmatters e WP Rocket não e um bug, e o resultado de aplicar a mesma transformacao no mesmo arquivo duas vezes. Quando os dois plugins reescrevem o mesmo CSS ou adiam o mesmo JavaScript, o segundo processa a saida já modificada do primeiro, gerando CSS crítico incompleto, scripts que nunca executam e elementos que so aparecem após interacao.

Como identificar

Layout quebra so com cache e otimização ligados: limpar o cache ou desativar um dos plugins restaura o visual, o que indica processamento duplicado de CSS.
Mensagem ‘Uncaught ReferenceError’ ou ‘is not defined’ no Console do navegador (F12 -> Console), apontando um script que foi adiado por Delay JavaScript nos dois plugins.
A própria interface do WP Rocket avisa que o Remove Unused CSS foi desativado automaticamente porque o recurso equivalente esta ativo no Perfmatters.
Sliders, menus, abas e formulários so funcionam depois que o visitante clica ou rola a página, sintoma classico de Delay JavaScript aplicado em dobro.
O score do PageSpeed oscila ou piora após ligar o segundo plugin, em vez de melhorar, porque o CSS crítico sai incompleto.

Como prevenir

Mantenha uma planilha simples anotando qual plugin e dono de cada otimização (Remove Unused CSS, Delay JS, lazy load, fontes locais), para não reativar um recurso já coberto pelo outro.
Ao instalar um segundo plugin de performance, revise primeiro os recursos sobrepostos antes de ligar qualquer toggle novo.
Após cada mudanca de otimização, teste o site em uma aba anonima e olhe o Console do navegador antes de considerar a alteração concluida.
Prefira usar o Script Manager do Perfmatters para desligar scripts por página em vez de empilhar mais combinacao e adiamento global.

Causa

Remove Unused CSS ligado nos dois plugins ao mesmo tempo: o WP Rocket desativa o próprio recurso quando detecta o do Perfmatters, mas se você forcar os dois o CSS crítico sai truncado.
Delay JavaScript execution ativo em ambos: o mesmo script e adiado duas vezes e perde a dependencia de quem deveria carregar antes, quebrando jQuery e plugins que dependem dele.
Combinar CSS ou combinar JavaScript ligado nos dois: a combinacao do segundo plugin empacota arquivos já combinados pelo primeiro, gerando ordem de carregamento errada.
Lazy load de imagens ativo no Perfmatters e no WP Rocket: a imagem recebe o atributo loading e o data-src duas vezes e algumas nunca trocam o placeholder pelo arquivo real.
Host local de Google Fonts marcado nos dois: cada plugin tenta baixar e reescrever a URL da fonte, e a segunda reescrita aponta para um arquivo que o primeiro já moveu, resultando em fonte que não carrega.

Como resolver

Definir o plugin dono de cada otimização: Antes de mexer em qualquer toggle, decida em qual plugin cada recurso vai morar. A regra e simples: uma otimização, um plugin. Mantenha o cache de página, o cache de navegador e o Critical CSS no WP Rocket, e deixe o controle fino de assets (Script Manager) no Perfmatters.
Desligar o Remove Unused CSS duplicado: Escolha UM plugin para remover CSS não utilizado e desligue o recurso no outro. Pelo painel do WordPress, abra as configurações e desmarque o recurso no plugin que você não escolheu.
```
WP Rocket -> Arquivos CSS -> Optimize CSS delivery -> Remove Unused CSS
Perfmatters -> Assets -> CSS -> Remove Unused CSS
```
Manter o Delay JavaScript em um plugin so: Deixe o Delay JavaScript ligado em apenas um plugin. Também desligue qualquer recurso de combinar JavaScript no outro plugin, porque combinar arquivos junto com o delay e a causa mais comum de script que não executa.
```
WP Rocket -> Arquivos JavaScript -> Delay JavaScript execution
Perfmatters -> Assets -> JavaScript -> Delay JavaScript
Perfmatters -> Assets -> JavaScript -> Combine JavaScript (desligar)
```
Limpar o cache e validar no Console: Depois de tirar as duplicidades, limpe o cache do WP Rocket e recarregue a página sem cache do navegador. Abra o Console do navegador e confira se os erros de ReferenceError sumiram. Se um script específico ainda quebrar, adicione o arquivo na caixa de exclusão do Delay JavaScript do plugin que ficou responsável.
```
WP Rocket -> Painel -> Limpar cache
Ctrl + F5 (recarregar sem cache)
F12 -> Console (verificar erros)
```

PHP

<?php
// functions.php do tema-filho: desliga o Remove Unused CSS do Perfmatters
// em uma URL especifica, deixando o WP Rocket cuidar do CSS so naquela pagina.
add_filter( 'perfmatters_remove_unused_css', function ( $enabled ) {
	if ( is_page( 'checkout' ) ) {
		return false; // entrega o CSS dessa pagina ao WP Rocket
	}
	return $enabled;
} );

Perguntas frequentes

Posso usar Perfmatters e WP Rocket juntos no mesmo site?

Sim, os dois são compativeis e até complementares. O segredo e não ligar a mesma otimização nos dois ao mesmo tempo: deixe cada recurso, como Remove Unused CSS ou Delay JavaScript, ativo em apenas um plugin.

Qual plugin deve fazer o Remove Unused CSS?

Tanto faz tecnicamente, mas escolha so um. O próprio WP Rocket desativa o recurso automaticamente quando detecta o Remove Unused CSS do Perfmatters ligado, justamente para evitar o CSS crítico sair truncado.

Por que meu site quebra so quando ligo os dois plugins?

Porque a mesma otimização roda em duplicidade. O segundo plugin processa o arquivo já modificado pelo primeiro, entao o CSS crítico sai incompleto e os scripts adiados duas vezes perdem suas dependencias e não executam.

O Delay JavaScript pode ficar ligado nos dois plugins?

Não. Adiar o mesmo script duas vezes quebra a ordem de carregamento e e a causa mais comum de menus e sliders que so funcionam após clique. Mantenha o Delay JavaScript ativo em apenas um dos plugins.

Como descubro qual script esta quebrando?

Abra o Console do navegador com F12 e procure por erros como ReferenceError ou is not defined. O erro aponta o arquivo problematico, que você coloca na caixa de exclusão do Delay JavaScript do plugin responsável.

Devo desativar um dos plugins para resolver o conflito?

Não precisa. A correção certa e manter os dois e desligar apenas os recursos sobrepostos no plugin que você não escolheu como dono daquela otimização. Desativar um plugin inteiro joga fora recursos úteis que não conflitam.

Combinar CSS e JavaScript ainda vale a pena com os dois plugins?

Em sites com HTTP/2 a combinacao costuma render pouco e atrapalha o Delay JavaScript. Se usar Delay JavaScript em qualquer plugin, desligue o Combine JavaScript do outro para evitar ordem de carregamento errada.

Grave

Como corrigir as queries lentas do JetEngine no banco de dados

As queries lentas do JetEngine acontecem quando uma query do Query Builder executa Meta Query ou SQL pesado em toda requisicao sem cache, fazendo o Listing Grid demorar e o banco devolver tempos altos. Costuma vir de Meta Query sem indice, Cache Query desligado, SQL com varredura completa e falta de cache de objetos.

Grave

Como corrigir TBT alto e JavaScript bloqueante no WordPress

TBT alto no WordPress é quando o Total Blocking Time, a soma do tempo em que a thread principal fica bloqueada por JavaScript entre o primeiro render e a interatividade, passa de 200ms no laboratório. Costuma vir de scripts pesados, plugins que carregam JS no carregamento inicial e código de terceiros como rastreadores.

Atenção

Como corrigir o erro de Heartbeat API entre Perfmatters e WP Rocket no WordPress

O erro de Heartbeat com Perfmatters e WP Rocket acontece quando os dois plugins controlam a Heartbeat API do WordPress ao mesmo tempo: o ajuste mais restritivo prevalece, derrubando autosave, bloqueio de edição e a previa do page builder.

Atenção

Como corrigir o erro de Critical CSS não gerado no WP Rocket

O erro Critical CSS not generated no WP Rocket ocorre quando a API do plugin não consegue acessar a página para gerar o CSS crítico, retornando mensagens como Invalid response code, cURL error 28 ou Timeout. A causa quase sempre e bloqueio de IP por firewall, Cloudflare Bot Fight Mode ou WP-cron parado.

Atenção

Como corrigir scripts externos quebrados ao remover query strings no WP Rocket

As query strings do WP Rocket quebram scripts externos quando a otimização de arquivos (Minify e Combine de JavaScript) reescreve ou agrupa URLs de terceiros, fazendo o navegador deixar de carregar o arquivo original versionado. A correção e excluir esses arquivos da otimização.

Atenção

Como corrigir a exclusão de páginas do cache no WP Rocket no WordPress

A exclusão de uma página do cache no WP Rocket não funciona quando o padrão de URL no campo Never Cache URL(s) está mal formatado, quando um cache de servidor ou CDN fica acima do plugin, ou quando o Preload recacheia a página logo após a limpeza.

Setores

Extensões

Integrações

Como corrigir o conflito de otimização entre Perfmatters e WP Rocket

O que é conflito entre Perfmatters e WP Rocket?

Como identificar

Como prevenir

Causa

Como resolver

Perguntas frequentes

Itens relacionados

Como corrigir as queries lentas do JetEngine no banco de dados

Como corrigir TBT alto e JavaScript bloqueante no WordPress

Como corrigir o erro de Heartbeat API entre Perfmatters e WP Rocket no WordPress

Como corrigir o erro de Critical CSS não gerado no WP Rocket

Como corrigir scripts externos quebrados ao remover query strings no WP Rocket

Como corrigir a exclusão de páginas do cache no WP Rocket 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