Can I use W3 Total Cache minify CSS with JetPack Boost?

Ok, so I just tested, and when I use the minify feature in W3 Total Cache, the JetPack Boost does not work as expected and checking with Google tools the render-blocking will return, even after regenerating the critical CSS.
How do I minify the CSS on the website when using JetPack Boost?

Hi @wppit

Boost does not minify files at this time. When you say ‘JetPack Boost does not work as expected’ could you provide some more details so we can do some testing to see if we can reproduce the issue?

Thanks

@drawmyface
I’m aware Boost doesn’t minify files. I’m using W3TC to minify, but when I use the WETC plugin it moves the modification file at the top of the page and it would appear that JetPack boost doesn’t know it exists, because the Google Analysis tool will show that the page has CSS rendering blocking. But if I disabled the W3TC minify feature, boost works correctly and Google doesn’t complain about CSS render-blocking again.

Another thing I notice is that Boost appends onload=”this.media=’all'” to the css files, but when I’m using W3TC the minify CSS file doesn’t show onload=”this.media=’all'” in the HTML code.

• This reply was modified 3 years, 6 months ago by wpmhweb.
• This reply was modified 3 years, 6 months ago by wpmhweb.

Hi @wpmhweb –

Can you tell me which tool you are using to analyze the site?

I tested this with a very basic setup (fresh WP install, Jetpack Boost, and W3TC with CSS minification turned on) and I did not get a not get a report of render blocking CSS when I tested at:

https://web.dev/measure/

I minified with the method “Combine & Minify” in W3 Total Cache.

Chrome dev tools lighthouse that’s what I used.

@bobmatyas I used the Chrome Dev Tools Lighthouse. I’m also using StackPath CDN.
What are the optimal settings I could use in W3TC minify settings to make it work?

• This reply was modified 3 years, 6 months ago by wpmhweb.

@wppit We haven’t been able to reproduce the issue with render-blocking CSS. Can you let us know what settings you are using, and test with all other plugins disabled?

H there,

It has been more than one week since we have heard from you, so I’m marking this topic as resolved. But If you have any further questions or need some more help, you’re welcome to reply here or open another thread. ??

@bizanimesh Still doesn’t work, but I haven’t had the chance to update the question.
@drawmyface what settings are you referring to?
W3TC works fine when Boost is disabled.
I need to make W3TC minify work with Boost to use the critical CSS feature.
When using Boost and w3Tc, minify css in w3tc causes rendering blocking.

Hi @wppit

I’m referring to your W3TC settings.

It sounds like there may be a conflict between Boost and some of W3TC’s settings, but we haven’t found it yet, so if you can provide details of your W3TC settings, we can do some more testing to try to isolate the cause.

It could also be a conflict caused by interaction between more than two plugins, which is why I suggested testing with all other plugins disabled.