Title: Render blocking css issue with WP 4.5? JQuery issue? Last modified: August 31, 2016 --- # Render blocking css issue with WP 4.5? JQuery issue? * Resolved [cybertex](https://wordpress.org/support/users/cybertex/) * (@cybertex) * [10 years, 1 month ago](https://wordpress.org/support/topic/render-blocking-css-issue-with-wp-45-jquery-issue/) * Hi Frank, * I am a happy user of your great plugin. There is is a weird behavior of the AO not seen before on my site. * It worked all fine even one week ago but I don’t know if after the WP4.5 upgrade something’s changed. Inline and Defer CSS checked as usual but I get render blocking css in Google PageSpeed Insights and results now are 79/98 and before 95/95. Viewing the source I see the autoptimize_xxxx.css in

``` * But there is something more and I do not understand if I use pingdom tools or gtmetrix I see first loaded autoptimize_xxxx.js and after this autoptimize_xxxx. css and that means no render blocking css? * What is wrong? * I feel Jquery makes mess and maybe the issue with JS in WP45 because I get 2 errors “Uncaught ReferenceError: jQuery is not defined”. I have seen your post about it. * **My thoughts:** * Let’s assume I do not want JQuery in head. Also aggregate inline JS? unchecked Force JavaScript in ? unchecked * On the bottom in source code we have JS./JQ scripts now. But I see some JS/JQ scripts above the AO block of code and that could be one of the issues. The scripts order matters too. * So that looks like this * ``` ``` * I think it should be the order like this: * ``` ``` * [https://wordpress.org/plugins/autoptimize/](https://wordpress.org/plugins/autoptimize/) Viewing 8 replies - 1 through 8 (of 8 total) * Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/) * (@futtta) * [10 years, 1 month ago](https://wordpress.org/support/topic/render-blocking-css-issue-with-wp-45-jquery-issue/#post-7307949) * > Viewing the source I see the autoptimize_xxxx.css in

css like with JS disabled? Why gmetrix for example loads autoptimize_xxxxx.js first? * Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/) * (@futtta) * [10 years, 1 month ago](https://wordpress.org/support/topic/render-blocking-css-issue-with-wp-45-jquery-issue/#post-7307987) * > I don’t understand why does Google use <noscript> css like with JS disabled? * Google is a mere “best practices” tools. If you want to know how your site works in real life, you should use a tool like [webpagetest.org](http://webpagetest.org/) to have real browsers hit your site. * > Why gmetrix for example loads autoptimize_xxxxx.js first? * that would actually make sense; 1. HTML loads 2. no linked CSS (critical CSS is inlined) 3. JS is loaded in a non-blocking manner (deferred) 4. deferred CSS is loaded on DomContentLoaded 5. other stuff (images and such) are loaded * the goal of AO is not for the JS to load after the images, but to load without interfering with the rendering of the HTML. * hope this clarifies, frank * Thread Starter [cybertex](https://wordpress.org/support/users/cybertex/) * (@cybertex) * [10 years, 1 month ago](https://wordpress.org/support/topic/render-blocking-css-issue-with-wp-45-jquery-issue/#post-7307992) * Thanks a lot for explanations. * I would find out how to live with **aggregate inline with JS Jquery included** and **inline and defer CSS** as before. * The Webpagetest works like GTmetrix opposite to Google and it loads autoptimize_xxxxx. js first and seems to be ok I get A or B. I can see waterfall and it works as it should be no blocking resources. * As I wrote in previous post Google PageSpeed Insights worked fine some days ago with 95/95 and I suddenly get render blocking css after some updates? * Maybe Google has changed an algorithm? * Maybe that depends from other AO settings and Google simply doesn’t see defer loading. My first task is to satisfy Google but I’am not sure if I could if it takes <noscript> autoptimize_xxxx.css first. In previous versions of the A0 css were placed in footer as I remember. * I want only to get my 95/95 back. * I have been using your plugin for years and from time to time I have to watch the changes related to the working site and look for issues. * And your plugin is my number 3. must have WP plugin. I made a hundreds of experiments with different combinations of plugins and their settings to get stable WordPress and it worked fine until some changes in WordPress 4.5 I think. * I’am not a noob and I will find the right solution but I have to exclude all possible reasons of issues, for example updates and some changes not depended from my settings. * Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/) * (@futtta) * [10 years, 1 month ago](https://wordpress.org/support/topic/render-blocking-css-issue-with-wp-45-jquery-issue/#post-7307994) * > I want only to get my 95/95 back. * don’t obsess over GPSI ratings, the results can be flaky (as you noticed) and the ratings are useless if you know what you’re doing (in your case; if you know for a fact your CSS is not render blocking) 🙂 * frank * Thread Starter [cybertex](https://wordpress.org/support/users/cybertex/) * (@cybertex) * [10 years, 1 month ago](https://wordpress.org/support/topic/render-blocking-css-issue-with-wp-45-jquery-issue/#post-7307995) * Dear Frank, * > if you know what you’re doing (in your case; if you know for a fact your CSS > is not render blocking) 🙂 * I know but Google doesn’t! 🙂 * Plugin Author [Frank Goossens](https://wordpress.org/support/users/futtta/) * (@futtta) * [10 years, 1 month ago](https://wordpress.org/support/topic/render-blocking-css-issue-with-wp-45-jquery-issue/#post-7307997) * > I know but Google doesn’t! 🙂 * try contacting larry@[abc.xyz](http://abc.xyz/)? :-p * [Scott Hartley](https://wordpress.org/support/users/destac/) * (@destac) * [10 years, 1 month ago](https://wordpress.org/support/topic/render-blocking-css-issue-with-wp-45-jquery-issue/#post-7308023) * Google doesn’t care about Page Speed Insights ranking… It cares about the website load time. It’s better to focus on GtMetrix or Pingdom tools speed tests. Viewing 8 replies - 1 through 8 (of 8 total) The topic ‘Render blocking css issue with WP 4.5? JQuery issue?’ 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/) * 8 replies * 3 participants * Last reply from: [Scott Hartley](https://wordpress.org/support/users/destac/) * Last activity: [10 years, 1 month ago](https://wordpress.org/support/topic/render-blocking-css-issue-with-wp-45-jquery-issue/#post-7308023) * Status: resolved