Cloudflare e Elementor: Evitando problemas com Rocket Loader

Configurar o Cloudflare e Elementor adequadamente pode evitar problemas ao carregar o Editor quando o Rocket Loader está ativado.
Cloudflare e Elementor: Evitando problemas com Rocket Loader
5 (100%) 2 votes

Configurar o Cloudflare e Elementor adequadamente pode evitar problemas ao carregar o Editor quando o Rocket Loader está ativado.

Cloudflare e Elementor se integram normalmente embora haja um problema com o Rocket Loader.

O Problema do Elementor e Cloudflare Rocket Loader

O problema é causado pelo mecanismo do Rocket Loader que muda automaticamente os scripts para carregar de forma assíncrona, o que quebra o editor do Elementor e desse modo temos a mensagem que o Editor não pode ser carregado.

Cloudflare e Elementor: Como evitar problemas no Editor

Verificando se o Rocket Loader está habilitado

Vá até as configurações do Cloudflare e verifique se o Rocket Loader está habilitado. Lembre-se que o Rocket Loader é indispensável para o desempenho do website e a sua configuração deve ser feita corretamente para evitar problemas.

No Painel do Cloudflare navegue em Website e selecione a aba Speed.

Verificando se o Rocket Loader está habilitado

Agora role a tela um pouco abaixo e localize a opção Rocket Loader e veja se o status está como “On”.

Verificando se o Rocket Loader está habilitado

Criando uma Page Rule de compatibilidade entre Cloudflare e Elementor

Neste exemplo vamos criar regras de página para que quando o Editor o Elementor for carregado o Cloudflare não aplique o Rocket Loader.

As Page Rules do Cloudflare acionam determinadas ações sempre que uma solicitação corresponde a um dos padrões de URL que você define.

Para criar a Page Rule do Elementor:

  • Faça o login no painel do Cloudflare.
  • Certifique-se de que o site que você deseja atualizar esteja selecionado.
  • Clique no aplicativo Regras da página.
  • Certifique-se de ter pelo menos uma regra de página à esquerda, com base no seu plano.
  • No painel Regras da Página, clique em Create Page Rule.
Criando uma Page Rule de compatibilidade entre Cloudflare e Elementor

Agora vamos criar 2 regras para a edição das Páginas do Elementor e também dos Templates do Elementor. São duas regras pois as URL são diferentes.

Primeiro vamos criar a regra para as páginas do elementor que deve obedecer o seguinte padrão:

https://seusite.com.br/*elementor*

Desse modo as URLs que contém elementor na url não serão aplicadas ao Rocket Loader. Veja como fica a regra:

Criando uma Page Rule de compatibilidade entre Cloudflare e Elementor

Agora vamos criar a mesma regra para as páginas do Elementor Library que deve seguir o padrão:

https://luizeof.com.br/?elementor_library=*

Desse modo as URLs que contém elementor_library na url não serão aplicadas ao Rocket Loader. Veja como fica a regra:

Criando uma Page Rule de compatibilidade entre Cloudflare e Elementor

Feito isso você mantém o desempenho do seu website em dia com o Rocket Loader e ainda consegue utilizar bem o Elementor e Cloudflare.

Um abraço!

5 comments
  1. Fala Luiz, tudo bem?
    Sua dica fez muito sentido pra mim.
    Aqui na Supimpa, nós utilizamos Elementor e Cloudflare, porém não sabia desse detalhe do Rocket Loader.
    Vamos começar a usar essa configuração nos projetos aqui da Supimpa.

Deixe uma resposta
You have to agree to the comment policy.

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

You May Also Like