CSS file async

that would be the “inline & defer”-option user45, leaving the to-be-inlined critical/ above-the-fold CSS field empty. do take into account that your site will first display without the CSS’s styling for a second or so (aka FOUC or flash of unstyled content).

frank

Inline & Defer is useless because the noscript css file is in the head. Google Page Speed indicates that file. It should be in the footer. How can I move it to the footer or perhaps you will change that in the next version?

I just found out, “noscript” is not visible for Google Page Speed. “Inline & Defer” just do not work.

I can see noscript code, ordinary CSS link in the head, LoadCSS in the footer.

• This reply was modified 8 years, 5 months ago by Anonymous User 9269003.

inline & defer works just great (and code-wise works identically on mobile & desktop) in the sense it effectively postpones loading of the CSS, but google pagespeed insisght will still mark the deferred CSS as render blocking for the simple reason the real rendering indeed has to wait until the deferred CSS is loaded.

the problem is you’re merely deferring and not inlining (where the inlined CSS can do the initial rendering so the deferred CSS is not considered render-blocking any more). so, now that we’ve reached that conclusion; you really should look into the critical CSS stuff and inline your above-the-fold CSS. have look at the FAQ for info on that topic ??

frank

I did that and have alongside “CSS inline and Defer”, another ordinary CSS link in the Head.

• This reply was modified 8 years, 5 months ago by Anonymous User 9269003.

the only ordinary CSS remaining in head would be non-local ones (on 3rd party domains, e.g. google fonts and stuff), which AO doesn’t ever touch.

but if you can provide your URL here, I’ll be happy to have a look and propose improvements to your config if possible ??

frank

May I send the link by email? What’s your email?

sure; futtta-at-gmail-dot-com