Latest Updates break CSS

hi @rockstaremperor;
how does CSS break? do you get a white page? or do you see your page but without any style? or is some style applied while others is not?

and what options do (did) you have active for CSS optimization in AO?

frank

Hi Frank,

I had tick marked only 3 options below (did not select any other advanced options):
1. Optimize HTML Code?
2. Optimize JavaScript Code?
3. Optimize CSS Code?

Site was working fine till the day before yesterday. But since the latest 2 updates, I am getting broken site (screenshot1 link here) and also white page on mobile.

So I deselected “Optimize CSS Code?” and now using only other 2 options (HTML and Javascript). I have chosen CSS in WP-Rocket now and site is working fine (screenshot2 link here).

OK … do you have non-production site where I could see this happening?

Here is the live site
workmoneyfun.com

OK, thanks for that, pretty broken indeed. could you now downgrade to 2.1.2 so I can compare the aggregated CSS?

Good day guys,

Maybe try turning off the Rocket first!

I checked the HTML code, last line:
This website is like a Rocket, isn’t it? Performance optimized by WP Rocket. Learn more: https://wp-rocket.me

Probably breaks as you minifying twice.

Clint

• This reply was modified 7 years, 9 months ago by 00help.

@ Frank Installed version2.1.2. Working fine now.

@ Clint Not using Cloudflare Rocket loader. Just using WP-Rocket plugin in which I have not activated any minifications.

• This reply was modified 7 years, 9 months ago by rockstaremperor.

I’m having the same problem, custom plugin css isn’t loaded with the latest update.

@jef3000; what plugin do you use for custom CSS? and can you share your URL?

@rockstaremeror; thanks, comparing CSS now.

Just a custom plugin that enqueues an extra stylesheet.
Can I pm you the url?

@jef3000 sure, you can mail me at futtta-at-gmail-dot-com

@rockstaremperor: there are some big differences in the CSS, weirdest thing being that the 2.2.1 CSS is way larger then the 2.1.2 one.

I’m going to look into that some more, but what would also be helpful is if you could (if only temporarily) go back to 2.2.1 and;
1. deactivate the “speedupper” (the new, faster minifying + aggregating system) by adding this to your child theme’s functions.php (or add it using the code snippets plugin);
add_filter('autoptimize_filter_speedupper','__return_false');. after that clear cache and surf around to see if this improves anything. you can remove that line afterwards (if you want)
2. switch the CSS minifier back to the previous version by opening wp-content/plugins/autoptimize/autoptimize.php and on line 202 change
@include(AUTOPTIMIZE_PLUGIN_DIR.'classes/external/php/yui-php-cssmin-2.4.8-p10/cssmin.php');
into
@include(AUTOPTIMIZE_PLUGIN_DIR.'classes/external/php/yui-php-cssmin-2.4.8-4_fgo.php');
again feel free to change back to the previous value if not OK.

frank

Updated plugin to 2.2.1.

1. Added code using code snippets plugin
2. Changed code on line 202

Now working fine. However, not sure but website loading time increased few ms.

Thanks.

great news, now (and I’m asking a lot, sorry @rockstaremperor) I would like to know which one of those two actually fixed the issue. so could you remove the speedupper-disabling filter maybe to see if it still works? if not it’s the speedupper, if yes it’s the new version of the css minify library. we’re getting there!!! ??

Removed speedupper-disabling filter. Site is again broken now.