Cloudflare e Elementor: Evitando problemas com Rocket Loader

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 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!

Luiz Eduardo Oliveira Fonseca

Infra @ Powertic, Rails Developer, Maintainer do Mautic Docker e do Saelos Docker, Revisor da Tradução do Mautic, Administrador da Comunidade Mautic Brasil.

Este post tem 3 comentários

  1. Na opção “Then the settings are:”, deixa como OFF mesmo?

    1. isso .. assim vc desabilita o Rocket Loader 😉

Comentários encerrados.

Fechar Menu
×
×

Carrinho