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

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 6 comentários

  1. Se eu tiver um artigo com Elementor na URL ele vai desativar o rocket loader também?

    1. nesse caso sim, você pode fazer outra regra logo baixo dessa para habilitar para esses casos específicos .. as regras do cloudflare seguem uma ordem então vc pode fazer uma regra específica para os posts

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

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

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

  4. Luiz Eduardo Valeu pela super dica, pensei que tinha quebrado meu thema, pq não conseguia editar o Elementor.

Deixe uma resposta

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

5a5a6b7d14d8c4188e0b0888

Torne-se membro hoje mesmo!

Obtenha acesso exclusivo aos artigos, vídeos, plugins e temas sob licença GPL.
Área de Membros

Como funciona a Área de Membros?

Este é um sistema mensal de assinatura onde a cada ciclo é permitido acessar novos recursos. A faixa de valor de R$ 9,00 mensal torna a área de membros acessível e com um ótimo retorno aos assinantes.

A cada novo ciclo mensal novos plugins, temas, vídeos e artigos serão liberados no website e você recebe semanalmente notificações sobre o que acontece no mundo Wordpress e Elementor.

Principais Vantagens

Plugins Mensais

Downloads mensais de plugins e temas sob a licença GPL.

Alertas sobre Atualizações

Receba notícias sobre as atualizações do Wordpress e as novidades do Elementor

Webinars

Acesso aos Webinars quinzenais sobre Wordpress e Elementor.

Descontos e Promoções

Descontos no Treinamento VIP, na Master Class e nos Cursos do Udemy.

Fórum para Dúvidas

Área de Perguntas e Respostas para membros direto no Patreon.

App Mobile

Acesse seu conteúdo no app oficial do Patreon para Android e iOS

Conteúdo Mensal

Dicas de plugins, truques e temas para você trabalhar melhor com Wordpress.

Vídeos Exclusivos

Quinzenalmente serão adicionados vídeos sobre utilização de plugins e temas

Dicas de Design

Dicas de Design e apresentação de Websites feitos em Elementor

Fechar Menu
×

Carrinho