Autoptimize CSS render blocking
-
Im using Autoptimize. Works fine.. but in PageSpeedInsights i still get 6 warnings about CSS render blocking createt from autoptimize itself like:
wp-content/cache/autoptimize/css/autoptimize_4b546de70fbd73df58bea23a1864c70b.css
how can i fix this?
Thanks
-
as per the FAQ you could try to “inline all CSS” (easy) or “inline & defer CSS” (better) @k2plusjure.
hope this helps,
frankHello, I have the same issue. I can not remove the Autoptimize from page speed insight. I’ve watched the YouTube many times. I do not see that CSS file shown in the video (in my source code). The one Autoptimize file I see and ran through the tool suggested says it’s blank! Any help is well appreciated.
Thanks,
Andrewthe file you’re looking for would be /wp-content/cache/autoptimize/css/autoptimize_<random string>.css @amplifiedsearch. you have to put the contents of that file in the critical css generating tool.
frank
Yeah, that file was never made that’s what I can’t figure out.
can you share your URL @amplifiedsearch?
amplifiedsearch.com
well, I see;
https://amplifiedsearch.com/wp-content/cache/autoptimize/css/autoptimize_61cea235128de599bbebf9093caa3620.css
view-source:https://amplifiedsearch.com/wp-content/cache/autoptimize/css/autoptimize_26dbcac69ac301460e1dfcec774dca18.cssboth do have CSS in them, so you’re good to go @amplifiedsearch? 🙂
“as per the FAQ you could try to “inline all CSS” (easy) or “inline & defer CSS” (better) @k2plusjure.”
im working with inline & defer CSS from the beginning(loading google fonts etc.), that did not help. There are still 6 rendering blocking autoptimize css files… like this one: wp-content/cache/autoptimize/css/autoptimize_4b546de70fbd73df58bea23a1864c70b.css
If you’re already doing “inline & defer”, then Google isn’t happy with the inlined critical CSS you provided @k2plusjure, so you’ll have to improve that (maybe try using another tool to generate)?
I do see those files in page speed insight but not in my page source code. How can I get removed for Google’s page speed insights. I don’t understand am I just completely missing something here?
Thanks,
AndrewI do see them in your page source @amplifiedsearch, you may have disabled the “also optimize for logged in users”-option in Autoptimize?
Okay, I did disable that. I now see them but when I put it in critical path css generator one of those files is blank the other one I did defer. But I went back to page speed insights it now says I have 4 blocking css resources. WTF?
Thanks,
Andrewwhen I put it in critical path css generator one of those files is blank the other one I did defer
I’m not sure I understand @amplifiedsearch. the 2 files I linked above are not blank, so you should paste the contents of those files in critical path css generator. did you do that?
alternatively you could try another tool to generate your critical css (I’ve linked some in the FAQ)?
Yes, I did put the two files in critical CSS generator. Can I put both of them in the Inline and Defer CSS box? I did that and I have 4 files now two of each of the ones above. Page speed insights say this: Approximately 5% of the above-the-fold content on your page could be rendered without waiting for the following resources to load.
Can I put both of them in the Inline and Defer CSS box?
no, the correct procedure is:
1. to copy/paste the contents of the autoptimized files in criticalpathgenerator
2. to have that tool generate the criticalcss for you page
3. to copy/paste that resulting criticalcss into the “inline&defer”-field in Autoptimize
The topic ‘Autoptimize CSS render blocking’ is closed to new replies.