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.

  • How to Fix Elementor and Cloudflare Rocket Loader issue
  • The Type of question i found online:
  • Elementor and Cloudflare Rocket Loader