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 pages: Site URL/*elementor*
  • For Elementor templates: Site URL/?elementor_library=*

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

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
*This site is protected by hCaptcha and the hCaptcha Privacy Policy and Terms of Service apply.
Other Article that might interest you