Previously working now won’t let Divi builder load

I would suggest to untick the “also optimize for logged in users” option (and maybe similarly in AsyncJS), which is made with pagebuilders (which are JS-heave and thus more prone to optimizing issues)?

hope this helps,
frank

Hi, thanks…
As I said above I already have optimize for logged in users disabled in both plugins; that’s not the issue.
Cheryl

ah, I remember some a similar issue; do you have “remove query string” option on in Autoptimize Extra? if so, can you disable?

Remove query strings is unchecked already.
Thanks

errr … OK;
1. any improvement when you disable AsyncJS?
2. what JS errors are shown on the browser console when trying divi builder?

Hi,

I still have the same issue when I disable AsyncJS.

I get the following console errors:
Failed to load resource: net::ERR_BLOCKED_BY_CLIENT
post.php?post=21634&action=edit:1 Unchecked runtime.lastError: The message port closed before a response was received.
https://www.pnwbeyond.com/:8 Uncaught SyntaxError: Unexpected token ‘function’
masonry.min.js:9 Uncaught TypeError: Cannot read property ‘prototype’ of undefined
at masonry.min.js:9
at masonry.min.js:9
at masonry.min.js:9
scripts.min.js:42 Uncaught TypeError: EventEmitter is not a constructor
at scripts.min.js:42
at scripts.min.js:42
at scripts.min.js:42
post.php?post=21634&action=edit:1 Refused to execute script from ‘https://track2.securedvisit.com/sync/1540_03681?id=undefined’ because its MIME type (‘image/gif’) is not executable.

Hi @tricheryltops,

Looks like you’ve also got WP Rocket and CloudFlare’s Rocket Loader at the same time with Autoptimize; and that trio (while we love using them together) might cause problems without proper configuration.

For testing purposes, can you disable CloudFlare’s Rocket Loader (Speed > Optimization page in your CF panel) and see if it fixes the problem?

Hi…I already tried disabling the rocket loader and it didn’t fix anything. I don’t have any of the CSS or JS optimization turned on in WPRocket, just caching. I also tried disabling the minification that was turned on in the theme itself, but that didn’t do anything. The only thing that will let me use the builder is to turn off Autoptimize while I use it.

This is strange because it was working fine until just a couple of days ago and because I have it set to NOT optimize when I’m logged it…yet if I set a page to “noptimize” (I have the script for non optimizing certain pages in my functions.php) it allows the builder to work for that page.

Strange indeed… I installed Autoptimize on a Divi site, activated and tweaked a bunch of its settings and the front-end editor is working properly – my site doesn’t have WP Rocket or CloudFlare installed.

Can you also enable Developer Mode on CloudFlare? Maybe it’s another setting like JS minification that’s clashing with Autoptimize. If that doesn’t work either, can you send us screenshots of your Autoptimize settings panel?

(I have the script for non optimizing certain pages in my functions.php)

Can your share some more info on what that script does @tricheryltops, maybe put it up on pastebin.com or on gist.github.com ?

I already tried going into Developer Mode on Cloudflare. Nothing changed. I also have a small site with almost no content, same thing (Extra,which uses Divi builder) and the same settings enabled…things are working fine, there, which suggests to me that another plugin is the culprit. This site has lots of plugins but was working fine until recently. I’ve tried disabling other plugins, but I’ve not been successful with fixing the issue except by disabling Autoptimize.

Here’s a link to a screenshot of the main autoptimize panel:
https://www.pnwbeyond.com/wp-content/uploads/2019/11/screenshot-autoptimize.png
I also have google fonts disabled and emojis disabled in the extra panel.

And here’s the filter I have to disable autoptimize on certain pages:
<iframe src="https://pastebin.com/embed_iframe/HRBc50gt" style="border:none;width:100%"></iframe>
If I change the URL of a page to include noptimize then the builder works for that page.

Around the time this started (just a few days ago), I updated the theme, and a couple of plugins but those don’t seem to be the source of an issue. I also let a plugin developer change a bit of CSS in their plugin on my site that was causing conflicts with some css in my site theme. But I don’t think that could have to do with this issue. I tried disabling that plugin and nothing changed.

I’d like to keep using Autoptimize as it speeds things up vs using the minification in WPRocket.

Thanks for your help!

Oops sorry about that. Never used Pastebin before, not sure if it would embed here.
Here’s the link to the script:
https://pastebin.com/HRBc50gt

And here it is just pasted in:
// Disable autoptimize on pages with the word “noptimize” in the URL
add_filter(‘autoptimize_filter_noptimize’,’my_ao_noptimize’,10,0);
function my_ao_noptimize() {
if (strpos($_SERVER[‘REQUEST_URI’],’noptimize’)!==false) {
return true;
} else {
return false;
}
}

OK, really weird that the noptimize script fixes the issue but unticking “also optimize for logged in users” does not. can you put the HTML source of the page wiht the page builder active also on pastebin, once with noptimize and once without so I can compare results?

Well, I’m trying but with all of the css stuff that seems to get output (I think) by critical css, pastebin is telling me that I’m exceeding the allowed size and I really don’t want to pay for a pastebin Pro account right now. Should I remove part of the css from the file and try again?

hm, maybe try gist.github.com instead? ??