inlining all CSS indeed injects all CSS (which can be a lot) into the HTML which can indeed cause social network scrapers not to “see” the og:image-tags.
the same can happen when the critical CSS you enter in “inline & defer CSS” is too big,
possible solutions:
* don’t use those two options (your CSS will be linked, this is default behavior)
* use inline & defere but try (re-)generating your CCSS elsewhere
* use the AO API to inject the CSS elsewhere (there is example code in autoptimize_helper.php_example)
hope this helps,
frank
Thread Starter
MAMAC
(@bubobih)
Ok thanks, this option was good i even pay for critical css.. but its too complicated to try to fix it so i will just disable a otpion…
ah, but in that case; the critical css “powerup” automatically creates rules to insert critical CSS, but when there are no rules yet (in the beginning) it will indeed inline all CSS, so what you are seeing is temporary behavior 🙂
Thread Starter
MAMAC
(@bubobih)
i dont understand but i know i have critical css working 2 months and i have problem for posting and sharing on fb beacuse image problem. so i dont know how to fix and its not temporary beacuse it last 2 month.
ah, weird … can you share your site’s URL + screenshots of the “autoptimize critical CSS”-settings scren?
Thread Starter
MAMAC
(@bubobih)
I have problems whitout critical css too when i enable Inline all CSS? i use wp super cache + autooptimise + cdn. i didnt have before this problems and honestly i didnt have time to investigate this problem untill today… i dont think critical css is a problems beacuse that tab is disabled in Inline all CSS?
“inline all CSS” is the “most dangerous” option for og:* discovery by social network scrapers actually, “inline & defer” is a lot better in this respect as the amount of inlined CSS is a lot smaller 🙂
Thread Starter
MAMAC
(@bubobih)
I understand but og worked on both before… actualy i use it 1st or second otpion over 1y+… buy anyway og dont work on any of that option…
here u go a rules, i didnt edit here anything
http://prntscr.com/lipa2q
advance settings i try all options seperatly 1 by 1 + clear cache + fb debugger and it not work
http://prntscr.com/lipaes
OK, so you have AUTO rules in AO critical CSS so that’s good. What I can’t see is how much code is in the critical though, so could you share your site’s URL? 🙂
based on what I see you still have just “inline all CSS” active, can you switch to “inline & defer” with the critical CSS “power-up” at work?
Thread Starter
MAMAC
(@bubobih)
It is inline defer enabled
Thread Starter
MAMAC
(@bubobih)
Also critical css tab doesent work with inline all and as u see i have enabled tab critical css also i use latest beta version.
-
This reply was modified 7 years, 9 months ago by
MAMAC.
If you use “inline all CSS” critical CSS indeed does not (and can not work).
Now what is surprising is that all CSS is inlined like this;
<style>#buddypress (lots of CSS) ...</style>
whereas when “inline all CSS” is active, AO normally does it like this;
<style type="text/css" media="all">wpadminbar ... (lots of CSS)</style>
difference being type="text/css" media="all" which AO adds and which is not there in your case. based on that I think you have something else doing some sort of CSS optimization as well, preventing AO and AO CCSS from working correctly?
frank
Thread Starter
MAMAC
(@bubobih)
I have wp super cache who is work ok with autooptimise, also i use php opcache plugin and keycdn, idk what kind of optimisation they use. I will recheck later plugins and disable it all to check will problem will persist
Edit:
I test it and when i set cdn in autooptimise then problem it start to accure. When i disable cdn in ao then its ok.
-
This reply was modified 7 years, 9 months ago by MAMAC.
