Updated Avada Theme – Can’t Optimize CSS file

that’s because the google font-css is non-local and AO does not optimize 3rd party CSS/ JS. you could tick the “remove google fonts”-option in AO or (if you’re fond of your fonts, hehe) try the “google webfonts optimizer”-plugin?

frank

You are brilliant. Thank you!!!!

Frank –

Thank you for your help with this – I left a well deserved 5 star rating.

I’m having another problem now and am hoping you might be able to tell me what I should do. After I added Woocommerce Bookings to my site, I get the following warning on Google Insights:

Eliminate render-blocking JavaScript and CSS in above-the-fold content
Your page has 1 blocking CSS resources. This causes a delay in rendering your page.
None of the above-the-fold content on your page could be rendered without waiting for the following resources to load. Try to defer or asynchronously load blocking resources, or inline the critical portions of those resources directly in the HTML.
Optimize CSS Delivery of the following:
https://ajax.googleapis.com/…s/smoothness/jquery-ui.min.css?ver=4.6.1

I still have the plugin you suggested activated and still have “Inline all CSS” active.

Thanks for your help!

Charles

on what page can I see woocommerce bookings active @charleslewis47?

while waiting for your answer some info; the problem is that something (and most likely that woocommerce booking plugin) is loading a CSS-file from Google on every page (which is unlikely to be needed). As this is a file on a 3rd party server (Google’s), AO can’t act on it, leaving you indeed with 1 render-blocking CSS-file.

possible solutions:
* ask the woocommerce-guys & girls to only enqueue the CSS when needed (on the bookings page) and optionally ask them to load the jquery-css locally (this is a premium plugin, right, so tell them their plugin is slowing your site down due to it loading CSS from a 3rd party source)
* write some code to replace the google-hosted jquery-ui.css with a local version. you would essentially be creating a -very small- plugin comprised of a readme.txt (any plugin needs one), the jquery-ui.css-file and a php-file with code to remove (dequeue) the google-hosted css and loading (enqueue-ing) the local CSS instead, at which point AO can optimize that file as well
* as an ugly hack, I could provide you with code that hooks into autoptimize and which will remove jquery-ui.css except on your bookings-page (but I need the URL for that)

frank

Frank,

Thanks for your response. I thought I responded earlier, but don’t see it. The Woocommerce Bookings plugin is just in testing right now, but you can see the cart and such at nonprofithomeinspections.org/cart or nonprofithomeinspections.org/shop It isn’t linked anywhere on the site right now

I suspected that their booking plugin was unnecessarily loading this CSS on every page.

For the options — are you available for hire if we were to tell Woocommerce to load the jquery locally?

Thanks for your help!

Charles

well, as still in testing, first of all disable “woocommerce booking” for a second to confirm the CSS is theirs?

regarding work-for-hire; you can contact me at frank-at-optimizingmatters-dot-com

frank