Title: New render-blocking CSS from Autoptimizer Last modified: August 22, 2016 --- # New render-blocking CSS from Autoptimizer * Resolved [CharlyIBC](https://wordpress.org/support/users/charlyibc/) * (@charlyibc) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/) * I just installed Autoptimizer and nothing broke. yay! When I did a pagespeed analysis it fixed all my Js / CSS issues save one, which is a font css issue. Not too worried about that right now, but I have 2 new CSS issues from Autoptimizer showing up * …./cache/autoptimize/css/autoptimize_392af02440ccbfb650302a4ee7339d97.css * …./autoptimize_8cb9b8758ba6c8728799c7380e6d776f.css * I’m not sure what these are or why they appeared. Please advise. Thanks in advance for any help! * WP – 3.8.4 Mystile Theme – 2.1.17 WooCommerce – 2.1.2 No Cache Plugins Placed Expiry values in .htaccess – before install Turned off autosave post revisions * [https://wordpress.org/plugins/autoptimize/](https://wordpress.org/plugins/autoptimize/) Viewing 15 replies - 1 through 15 (of 15 total) * Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/) * (@futtta) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359316) * Hi CharlylBC; CSS as it is used by default is render blocking and so is CSS placed by Autoptimize. There are, however, 2 AO-options that can solve that problem; inline (easiest) and inline&defer (best). You can find more info on the subject [in the FAQ](https://wordpress.org/plugins/autoptimize/faq/) and in [this article on my blog](http://blog.futtta.be/2014/02/13/should-you-inline-or-defer-blocking-css/). * Hope this helps, frank * Thread Starter [CharlyIBC](https://wordpress.org/support/users/charlyibc/) * (@charlyibc) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359335) * Hi Frank, * I certainly didn’t expect you to answer on a Sunday, but thanks so much for doing so! * I appreciate the links and will look them over. I’m fairly new to coding and old, so it takes me some time to wrap my head around what I should do. Plus I do my best work early in the morn, as I’m burnt out by now. lol * In a couple, few days I’ll reply back to let you know my progress. I think I’ll attempt figuring out the inline & defer approach. Thanks again!! 🙂 * Charly * [AJ @ WpFASTER.org](https://wordpress.org/support/users/ajm_1976/) * (@ajm_1976) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359346) * Hi CharlyIBC, * You can find a tutorial for Autoptimize’s Inline and Defer CSS option [here](https://www.wpfaster.org/blog/how-to-use-autoptimize-inline-and-defer-css-option). * Hope that helps, AJ * Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/) * (@futtta) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359356) * Nice, thanks AJ! * [AJ @ WpFASTER.org](https://wordpress.org/support/users/ajm_1976/) * (@ajm_1976) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359435) * 🙂 * Thread Starter [CharlyIBC](https://wordpress.org/support/users/charlyibc/) * (@charlyibc) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359461) * Oh my… Thanks AJ! I think all this will take me more time than a couple of days to figure out lol * Thread Starter [CharlyIBC](https://wordpress.org/support/users/charlyibc/) * (@charlyibc) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359505) * I have a major issue that I cannot imagine where to begin in fixing it… * I’m being told that in some cases my add to cart button will not appear when selections are made to purchase an image! Not good 🙁 I have the issue only with Safari, not Firefox. Another person has this issue on all browsers! * Example Image: * [1937 Chevy Coupe](http://www.imagerybycharly.com/print/1937-chevy-coupe/) * I found this error: * autoptimize_0afdbaba40c3a3030e0c4addf3047cf3.js:58TypeError:’undefined is not a function (evaluating ‘$(document)’) * I tried deactivating your plugin, but that did nothing. * Please help! This is very bad for my customers and me….. * Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/) * (@futtta) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359506) * If the problem is still there after deactivating AO (and emptying your Quick Cache cache), then the problem is due to something else. * Regarding JS-issues such as the one you describe; you can either just disable JS optimization or start troubleshooting [as described in the FAQ](https://wordpress.org/plugins/autoptimize/faq/)( you can try with “force JS into head” and maybe “look for JS only in head” first, but you might need to exclude e.g. jquery and other specific JS-files from optimizatoin, add-to-cart.min.js comes to mind). * Hope this helps, frank * Thread Starter [CharlyIBC](https://wordpress.org/support/users/charlyibc/) * (@charlyibc) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359507) * Thanks Frank! Sorry I was in a panic, but didn’t know what to do…. * Sure enough, when I deactivated AO and empty QC cache, then activated AO I now can see add to cart button in Safari and FireFox. * Is this something I need to do as a maintenance measure periodically? Thanks again!!! * Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/) * (@futtta) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359509) * Normally; no, once all is configured and working OK, no maintenance should be necessary. * However it is clear something was wrong. My best guess would be some JS (in a plugin) got updated (due to the plugin being updated), breaking the cached autoptimized JS. Clearing caches (Quick Cache & Autoptimize’s) would indeed solve that problem. * frank * Thread Starter [CharlyIBC](https://wordpress.org/support/users/charlyibc/) * (@charlyibc) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359524) * Thanks Frank! I really appreciate the help. * One last question: how does one remove the cache on AO? I noticed after all the deactivating that the render-blocking items returned when I did a google pagespeed test. Not sure why this is, but am presuming it could be the cache? * Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/) * (@futtta) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359525) * There are 2 things to consider when disabling AO; 1. you should also empty your quick cache’s cache (if not you will have pages in quick cache that still refer to AO-created files, even if AO is deactivated). 2. you return to a situation without AO (so no “inline” or “defer&inline”) meaning that the bulk of you un- optimized CSS is render-blocking (as CSS is, by default). * hope this explains, frank * Thread Starter [CharlyIBC](https://wordpress.org/support/users/charlyibc/) * (@charlyibc) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359535) * Thanks again Frank for all your help! I was told my add to cart button still doesn’t show for some. 🙁 Unfortunately having AO activated is hiding my “add to cart” button. I’ve tried everything to make this work, but alas to no avail. * Perhaps it’s something I’ve added to my files that is interfering or what my host did to make my SSL work properly. My apologies, but I’m so fried with all the issues I’ve had over the past 4 days, that for now I’m going to do without AO. Maybe at a later date I’ll try again…. * Once again, I really appreciate all you’ve done trying to assist me!!! * Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/) * (@futtta) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359540) * Having JS optimization disabled will solve the add-to-cart issue, so you could run AO with just CSS & HTML optimalization? * Thread Starter [CharlyIBC](https://wordpress.org/support/users/charlyibc/) * (@charlyibc) * [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359545) * I have done as you suggested Frank and think it’s working. Have to wait to hear from friends to know for sure. Thanks! Viewing 15 replies - 1 through 15 (of 15 total) The topic ‘New render-blocking CSS from Autoptimizer’ is closed to new replies. * ![](https://ps.w.org/autoptimize/assets/icon-256X256.png?rev=2211608) * [Autoptimize](https://wordpress.org/plugins/autoptimize/) * [Frequently Asked Questions](https://wordpress.org/plugins/autoptimize/#faq) * [Support Threads](https://wordpress.org/support/plugin/autoptimize/) * [Active Topics](https://wordpress.org/support/plugin/autoptimize/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/autoptimize/unresolved/) * [Reviews](https://wordpress.org/support/plugin/autoptimize/reviews/) ## Tags * [autoptimizer](https://wordpress.org/support/topic-tag/autoptimizer/) * [css](https://wordpress.org/support/topic-tag/css/) * [render-blocking](https://wordpress.org/support/topic-tag/render-blocking/) * 15 replies * 3 participants * Last reply from: [CharlyIBC](https://wordpress.org/support/users/charlyibc/) * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/new-render-blocking-css-from-autoptimizer/#post-5359545) * Status: resolved