How to Fix Elementor and Cloudflare Rocket Loader issue

The Type of question i found online:

My website is hosted at siteground.com  who are excellent and provide cloudflare as a hosting option. A recent theme update came with elementor included and this doesn’t seem to work with cloudflare. I say this because elementor works ok if I create a stageing copy of the website without cloudflare, but when I make this website live this hosted with cloudflare, elementor locks up.
Has anyone else had this issue? Is there a way round it? It may be an issue for elementor rather than cloudflare and I will mention it to them as well.

Fix:

Elementor and Cloudflare Rocket Loader

Elementor and Cloudflare integrate smoothly with each other, although there has been an issue with Rocket Loader in the past.

The issue was caused by Rocket Loader automatically changing the scripts to load asynchronously, which breaks the editor.

If this is causing you a problem, you can solve this by creating rules in Cloudflare:

  • For Elementor pagesSite URL/*elementor*
  • For Elementor templatesSite URL/?elementor_library=*

To learn more about rules in Cloudflare please check their official documentation here.

Hello !Cześć !Bonjour !Korek ? I’m Ludovic Verbeeck, a creative director and designer

I live for Design and Technology as a Graphic and Web Designer. You can contact me through the contact page for your new project!

The latest on what’s moving the web, in your inbox every morning
Other Article that might interest you
  • How to Fix Elementor and Cloudflare Rocket Loader issue
  • The Type of question i found online:
  • Elementor and Cloudflare Rocket Loader
  • Hello !Cześć !Bonjour !Korek ? I’m Ludovic Verbeeck, a creative director and designer
  • How to Fix Elementor and Cloudflare Rocket Loader issue
  • My first Cafe Racer project – a 90′ BMW K100
  • How to Redirect to checkout with Woocommerce in Elementor