Elementor

Elementor and Cloudflares’ Rocket Loader do not play well together

Get the latest from
Sniffle Valve

Sniffle Valve

Consider buying Sniffle Valve a coffee  

Book a one-on-one online training session

UPDATE:

Thanks to Chris and David from the Elementor FB group for this!

All you have to do is set up the Page Rules in Cloudflare. The free accounts give you three and that’s all that I need for this site:

  • All Elementor pages, including the Home Page:
    • Site URL/*elementor*
  • Elementor library templates:
    • Site URL/?elementor_library=*
  • AnyWhere Elementor templates:
    • Site URL/?elementor_library=*

Example: http://snifflevalve.com/*elementor*

For each Page Rule, select Disable Performance from the “Then the settings are” drop down.

After over two hours of trying to track down why – “all of sudden” –  none of my Elementor pages would load, I finally found the culprit. It was Cloudflare’s Rocket Loader option.

image

I had made changes to a few Elementor pages the day before with no problems and had just finished doing updates to a bunch of pages, but in the WordPress editor. Then I thought, hey, why not check GTmetrix to see how the numbers are after those changes. Hmm, could be better so off to Cloudflare to snoop around, specifically in the Speed section.

Oh, look at this! Let’s try that!

image

Yep, made a nice difference. Scrolling down the Speed page some more brought me to Rocket Loader. Interesting. Let’s set it to Automatic and see what that does.

WOW! What a difference. Cool. Or so I thought.

But later when I went to edit an Elementor page, the dreaded “won’t finish loading” scenario. Any page. Any template. Did the standard troubleshooting methods to no avail. Even rolled back Elementor to the previous version because I had recently updated it.

Long story short, I came back to the Speed page in Cloudflare and turned Rocket Loader off and lo and behold, I was back in business.

Although it does make a nice enhancement to the GTmetrix numbers, I do believe I will leave Rocket Loader off until a fix is found for the Automatic setting or I take the time to figure out how to set up the Manual method. If anyone reading this knows how to do so, would you be so kind as to post it in the comments.

So if you are experiencing the “won’t finish loading” issue and have that site on Cloudflare, check that Rocket Loader has not “somehow” been turned on. And add Page Rules if it has.

6 thoughts on “Elementor and Cloudflares’ Rocket Loader do not play well together”

    1. Sniffle Valve

      Hi Verdi,
      You’re welcome! 🙂
      I have updated the post to include adding Page Rules which will allow Rocket Loader to remain on when editing the pages listed in the page rules.

      Cheers!
      Lyle

    1. Sniffle Valve

      Hi Arya –
      I would have to say that it is more an issue with Cloudflare and Rocket Loader. Keep in mind that Cloudflare lists Rocket Loader as beta.
      Cheers!
      Lyle

  1. Amazing! You’ve just ended 3 long days of suffering 🙂
    When elementor goes to “Content cannot be loaded” just try turning off RocketScript in CloudFlare

Leave a Comment

Your email address will not be published. Required fields are marked *