CSS Optimization is breaking sites in Safari

Did a quick test on webpagetest.org on my own blog to double-check, but no problem there, so this is not a general AO-problem but probably something specific on your site. Can you share your URL so I can have a look there?

frank

Here are two that I fixed by turning off CSS Optimization:
1. https://www.jacksonandleroy.com/
2. https://www.morrismeetings.com/

Here are two that still have CSS Optimization turned on:
1. https://wealthbridgemarketing.com/
2. https://www.omarsrawtopia.com/

For those second two, if I were to turn off CSS Optimization and dump the Autoptimize cache along with the WPSuperCache cached files, those sites would start working again in Safari.

I can confirm CSS for those sites does not seem to apply when testing on webpagetest.org (safari on windows), no idea why though … Could be that there’s a limit of the amount of selectors on those older versions (support for the windows-version ended in 2012, support for 6.x, which was part of OS X Lion, ended in 2014)?

Hard to troubleshoot as I don’t have Safari to test in myself, but let’s try some questions;
* is anything shown in the browser (error) console that could explain the CSS not being applied?
* can you try with “inline all CSS” and see what happens?
* can you try disabling “static delivery” (last option) and see what happens?
* can you try excluding some of the CSS-files from optimization (e.g. font-awesome.min.css, jetpack.css, …) and see what happens?
* did you try this on a more recent safari-version?

frank

There’s nothing shown in the console to indicate what the problem is. That was the first place I checked.

Inline all CSS option did not solve the problem.

Disabling Static Delivery did not solve the problem.

Excluding the stylesheets you mentioned did not solve the problem.

A more recent version of Safari might work, I don’t know. I only have access to the Windows version and, as you mentioned, that’s EOL. I’m on an Ubuntu machine running Win7 in VirtualBox, which I don’t think effects the outcome of my test in anyway since the browsers don’t know about it.

A business associate, who’s client had a user report this problem, tested this on his Mac which has the Safari version mentioned above. That shows both versions 5 and 6 have the same problem. Also, since reactivating this plugin a few days ago, I’ve received a report from two clients about css problems which I only today was able to trace to Safari.

I’ve also tried every other CSS option and none of them made a difference. The only thing that works is disabling CSS Optimization.

Another thing I want to mention is that this is not theme specific. Three of the themes above are built using Ultimatum. One is built with a CPO Theme and I have another example I could show you that’s using Divi 2.5 from Elegant Themes.

Thanks for your help with this Frank! I believe that you’re the most responsive plugin developer I’ve ever worked with. You even helped me once on another plugin’s support site when the question had to do with this plugin: WPSuperCache. Speaking of that, now that WPSuperCache has some new triggers, is it now possible for Autoptimize to dump the WPSuperCache cache for the current site when the “Save Changes and Empty Cache” button is clicked?

Another thing I want to mention is that this is not theme specific. Three of the themes above are built using Ultimatum. One is built with a CPO Theme and I have another example I could show you that’s using Divi 2.5 from Elegant Themes.

yes but no; as it isn’t broken on my own blog (based on the twentytwelve theme). to complicate things even more; could be due to CSS injected by any plugin as well.

Excluding the stylesheets you mentioned did not solve the problem.

I’m afraid your only option (except for disabling CSS optimization completely) would be to systematically exclude one (or more) CSS-files from being optimized.

frank