Como corrigir o conflito de JavaScript entre Perfmatters e Elementor

Não. Os dois funcionam juntos quando você exclui os scripts do Elementor do Delay JavaScript. Desligar o Perfmatters serve so como teste para confirmar que o delay e a causa. Depois disso, religue o recurso e aplique as exclusoes, assim você mantem o ganho de performance sem quebrar o construtor.

O Delay JavaScript no modo Delay all scripts. Ele remove o frontend.min.js e o webpack.runtime do Elementor da cascata e so os executa na primeira interacao do usuário, o que faz o editor não abrir e o menu responder no segundo toque. O Defer JavaScript também pode interferir, mas o delay e o que mais costuma quebrar a renderizacao.

Porque o Delay JavaScript segura o frontend.min.js e o webpack.runtime.min.js do Elementor até o usuário interagir com a página, e o editor depende desses scripts para montar. Marque a Quick Exclusion do Elementor no Perfmatters ou adicione o caminho /elementor/assets/js/frontend.min.js na caixa Excluded from delay e limpe o cache.

O script que controla o menu, o jquery.smartmenus.min.js, esta sendo adiado pelo delay. Adicione jquery.smartmenus.min.js na caixa Excluded from delay e, se o atraso continuar, ligue o Disable Click Delay nas opções avancadas do Perfmatters. Esse ajuste também ajuda a métrica de Interaction to Next Paint.

Significa que o script frontend.min.js do Elementor foi adiado pelo Delay JavaScript e ainda não executou quando outro código tentou usa-lo. Adicione o frontend.min.js e o elementorFrontendConfig a caixa Excluded from delay para o construtor inicializar a tempo, depois limpe o cache e recarregue a página em aba anonima.

Sim, se você usa os dois recursos. O Delay JavaScript e o Defer JavaScript agem em momentos diferentes do carregamento, entao a mesma lista de scripts do Elementor deve entrar na caixa Excluded from delay e na caixa Excluded from defer. Se so o delay estiver ligado, basta a primeira caixa.

Provavelmente sim. As animacoes dependem do frontend.min.js, do frontend-modules.min.js e do imagesloaded.min.js, que o Delay JavaScript adia. Cole a lista completa de exclusoes do Elementor na caixa Excluded from delay e limpe o cache. As animacoes voltam porque os scripts passam a carregar no momento certo, em vez de so na interacao.

Porque o Delay JavaScript precisa enxergar cada script separadamente para decidir o que adiar. Quando outro plugin de cache combina vários arquivos em um so, o Perfmatters não consegue isolar o frontend.min.js do Elementor das exclusoes. Desligue o combinar JavaScript no plugin de cache antes de configurar o delay.