Saving in Elementor often breaks the page. Am I missing a setting?

Hi @robaxxx,

I hope your surgery went well and you are recovering well!

– Just came back from the hospital after the surgery. In a lot of pain but trying to reply old support threads slowly as I can.

Is there anything special I need to do to ensure that the cache is cleared when a page is saved in Elementor?

– No. Generally speaking you don’t need to do anything special.

Sometimes when I make changes to a page in Elementor and then check the page from a different logged-out browser, the page is broken, like certain CSS is corrupted or missing. It’s not faulty for the signed-in editor, only for the unauthenticated.

– Hmm… Check if the page HTML content has been updated, cause this is a pur page caching plugin and it only purges the page HTML not the static files. Maybe you have some other static file optimization plugin that is causing issue? It’s had to say what’s going on. I will suggest you to update the page and then in the incognito window check the response header of the page. You should see that the page HTML is now updated and showing the updated content.

I enable the plugin at site level

– You mean you enable the plugin separately for each site in the multisite right?

Advanced > Preloader operation > Tick the main menu
Then paste the sitemap URL into the next field, save.

– Disable Preloader, you don’t need it.

CSS Print Method for Elementor is set to External File rather than Internal Embedding. Maybe this is not suitable?

– Can you try changing the option to see if the issue gets resolved? Maybe the external file names are not properly getting updated while cache is purgging…

Thanks for the reply and I hope you’re doing well by now.

I have both Elementor and Astra Pro configured to use external stylesheets rather than inline CSS.

I first disabled that feature in Elementor but the problem still happened. Then I disabled it in Astra Pro and it hasen’t happened again.. yet.

I could see in the browser network tool where it wasn’t loading the Astra CSS.. see the attached image.

So that must be the issue. I’ll just keep everything set to inline unless there’s any way to force it to clear those files on save.

Thanks heaps
Rob

Forgot to add the image link
https://ibb.co/Y2zWBQt

One more update – It appears to work with the Elementor CSS set to external, just not the Astra Pro CSS.

Hi @robaxxx,
So, don’t use the external file feature on Astra theme. Cause it seems it requires the request to be handled by the origin server so that the PHP can generate those files.

But when Cloudflare has cached your pages, all your requests are served by Cloudflare CDN and the request doesn’t reach the origin server so you get this problem.

But happy to hear that you have found the solution. ??

Do let me know if you have any other questions, so that I can mark this thread as resolved.

Yep no problem, I can live with the inline CSS. The speed is basically the same anyway.

Thanks