Hi
When I used the visual editor, the site/page wasn’t getting loaded with just a blank screen shown.
I’ve narrowed it down to the Autoptimize plugin and more specifically the Optimise CSS option.
if I either deactivate Autoptimize or Activate it but untick the Optimise CSS option, it works.
Is it supposed to work with this option? I could see why it might affect it.
Thanks
PS I’ve tried clearing t he Autoptimize cache
Hi Steve
Thanks for reaching out.
At the moment, we aren’t able to recreate the issue. Please, could you try confirming the conflict by deactivating all plugins except for Autoptimize and those plugins authored by SiteOrigin. With all other plugins deactivated, does this issue persist?
Hi Andrew
I have deactivated all plugins apart from Autoptimize and Siteorigin CSS and the issue still persists.
if I use the visual editor with the Optimize CSS Code option under CSS Options ticked, the display is blank.
As soon as I untick the option, all works OK.
I am using the 2.7..1 of Autoptimize and 1.2.5 of SiteOrigin CSS
Thanks
Steve
PS the site is cre8football.com and uses the Divi theme
Thanks for the update.
When the visual editor is blank on your screen, please, try checking for JavaScript errors, here is how https://wordpress.org/support/article/using-your-browser-to-diagnose-javascript-errors/#step-3-diagnosis. If errors are present in red, please, take a screenshot, upload to imgur.com or a similar site and send us the link.
Hi Andrew
There are a lot of messages about DevTools failed to load SourceMap etc when the SiteOrigin CSS page is opened but no specific JavaScipt errors I can see. No extra messages appear when I click the visual editor icon and go into the visual editor.
Image link is here: https://i.imgur.com/81vvAoW.jpg
However, the one difference between when it fails and when it works is that when it fails, when I move the mouse cursor into the blank visual editor main area, i.e. the middle one where the site should appear, and then move it out a message appears which says:
No inspector to highlight with
on file editor.min.js
This message does not appear when the Optimize CSS option is off and the web page loads OK in the visual editor.
Also, not sure if this is relevant, we have an SSL certificate installed and are using Really Simple SSL. However, it fails even if this is deactivated and I revert back to http rather than https.
Steve
Thanks for the details.
A quick test you could try is it deactivate all plugins except for AO and SiteOrigin CSS and then switch to a default theme like Twenty Nineteen and see if the issue persists in that state. That’ll help rule out an issue from the theme.
Hi Andrew
Tried with just Autoptimize, SiteOrigin CSS and Really Simple CSS plugins activated and Twenty Twenty Theme and it works (with the Customize CSS set) so the issue is in the Divi Theme somwehere
Steve
Hi again Andrew
Digging around in Autoptimize settings, I found the setting to disable optimising for logged in users.
This at least is a workaround which allows me to use SiteOrigin CSS without having to either deactivate Autoptimize or uncheck the Optimize CSS option
Steve
Awesome, thanks for running all of the above tests. I should have thought of the setting you located, thanks for sharing the solution. Caching/optimization has the potential to break functionality so this isn’t totally unexpected. Stopping optimization for logged in users sounds like a reasonable fix.
If any questions arise in the future, please, let us know. Cheers for now.
Ok. Will leave it like that. Happy for you to close the case.
Thanks again for all your help.
Steve
Will do. Glad to hear you’re back up and running. Cheers for now.