Conflito de JS entre WP Rocket e Perfmatters

Tipo Performance & Velocidade

Nome do erro Conflito de otimização de JavaScript entre WP Rocket e Perfmatters EN: WP Rocket and Perfmatters JavaScript optimization conflict

Severidade Grave

Descrição O conflito acontece quando WP Rocket e Perfmatters aplicam a mesma otimização de JavaScript (adiar, atrasar ou minificar) sobre os mesmos arquivos. O script recebe a otimização em dobro, perde a ordem de carregamento e funções como menu, slider e formulário param de responder no frontend.

Conteúdo exclusivo para membros Pro

Faça upgrade para acessar este item completo.

// ★ Conteúdo disponível para membros Pro...
// Faça upgrade para acessar este item.

Perguntas frequentes

Posso usar WP Rocket e Perfmatters juntos?

Sim. Os dois convivem bem porque o Perfmatters não faz cache de página. O cuidado e não ligar a mesma otimização de JavaScript (defer, delay, minificar) nos dois ao mesmo tempo, senao o script e processado duas vezes e quebra.

Qual plugin deve cuidar do defer e do delay de JavaScript?

Tanto faz tecnicamente, desde que seja so um. Na prática vale centralizar no WP Rocket, que oferece exclusoes em um clique e o Safe Mode para jQuery. Escolha um e desligue as mesmas opções no outro plugin.

Por que meu menu e slider pararam depois de ligar o Atrasar execucao de JavaScript?

Porque o script que controla esses elementos foi atrasado e não executou na ordem certa, ou foi atrasado pelos dois plugins ao mesmo tempo. Centralize a opção em um plugin so e exclua o arquivo desse recurso do delay.

O que significa o erro jQuery is not defined depois de adiar o JavaScript?

Significa que um script rodou antes do jQuery, que foi adiado para depois dele. Ligue o Safe Mode for jQuery no WP Rocket ou exclua o jQuery do delay, para a biblioteca voltar a carregar antes dos scripts que dependem dela.

Como excluo um script do delay de JavaScript no WP Rocket?

Va em Otimizar arquivos, abra Atrasar a execucao de JavaScript e adicione o caminho ou um trecho do nome do arquivo na caixa de exclusão, um por linha. Também da para marcar o atributo nowprocket direto na tag do script.

Preciso desligar a minificacao de JavaScript em um dos plugins?

Sim. Minificar o mesmo arquivo duas vezes pode gerar código invalido. Deixe a minificacao de JavaScript ligada em apenas um dos dois plugins e desligada no outro.

Como sei qual script esta quebrando o site?

Abra o console do navegador (F12) no frontend e procure por ReferenceError ou is not a function. O nome do arquivo no erro indica qual script excluir do delay no plugin responsável pela otimização.

Pro Grave

Como corrigir render-blocking resources no WordPress

Render-blocking resources no WordPress são arquivos de CSS e JavaScript carregados no início da página que o navegador precisa baixar e processar antes de pintar qualquer conteúdo. Costumam vir de folhas de estilo e scripts enfileirados no head por tema e plugins, que atrasam a primeira pintura e elevam o LCP.

Pro 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.

Pro Grave

Como corrigir o erro de JavaScript ao combinar arquivos no WP Rocket

A opção Combine JavaScript Files do WP Rocket junta todos os scripts em um único arquivo; quando dois scripts dependem de ordem ou de uma variavel global, a juncao gera erro de JavaScript e quebra menu, carrossel, slider ou formulário. A correção e excluir o arquivo conflitante do combine.

Pro Grave

Como corrigir o conflito de JavaScript entre Perfmatters e Elementor

O conflito de JS entre Perfmatters e Elementor surge quando o Delay JavaScript adia os scripts do construtor (frontend.min.js, jQuery) para depois da interacao do usuário. O resultado e editor que não abre, menu de dois toques e animacoes paradas. A correção e excluir os arquivos do Elementor do delay, não desligar o Perfmatters.

Pro Atenção

Como corrigir o WP Rocket que não minifica o CSS

O WP Rocket minifica CSS de forma incompleta quando a opção Minify CSS files esta ligada mas certas folhas ficam de fora por regra do plugin: CSS inline, arquivos já terminados em .min, folhas com data-no-minify, CSS via @import e o CSS de posts do Elementor. A correção e ver qual folha o plugin ignora, limpar o cache e ajustar a origem.

Pro Grave

Como corrigir o WP Rocket que não gera cache

WP Rocket não gera cache é quando o plugin está ativo mas não cria o arquivo HTML estático da página, então o visitante recebe a versão dinâmica gerada pelo PHP a cada acesso. Confirma-se pela ausência do comentário "Debug: cached@" no fim do código-fonte da página, sinal de que aquela URL não foi cacheada.

Setores

Extensões

Integrações

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

Conteúdo exclusivo para membros Pro

Perguntas frequentes

Itens relacionados

Como corrigir render-blocking resources no WordPress

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

Como corrigir o erro de JavaScript ao combinar arquivos no WP Rocket

Como corrigir o conflito de JavaScript entre Perfmatters e Elementor

Como corrigir o WP Rocket que não minifica o CSS

Como corrigir o WP Rocket que não gera cache

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