Large css file couldn’t be cleared from eliminate render blocking resources

Sure; have a look at the “inline & defer CSS”-option, there’s more info in the AO FAQ.

hope this helps,
frank

May I know how do I find the above the fold block (where to find the css to paste in there)?

the linked FAQ in my previous reply has links to a number of tools that can do that for you haydenng664 ??

Alright saw it. I’m using this https://www.sitelocity.com/critical-path-css-generator to generate it. But there are two columns there (Critical Path CSS) & (Load combined CSS file after page load). Do I use both of them?

• This reply was modified 4 years, 3 months ago by Hayden Ng.

no, only the CSS (and without the opening and closing <style> tags).

Cool. Let me try it out ??

Hi, after applied this, everytime my website refresh, it shows html element briefly. How do I fix this?

then the above-the-fold CSS as generated by sitelocity is not OK, try generating it in one of the other tools?

I tried this https://jonassebastianohlsson.com/criticalpathcssgenerator/
But I don’t understand what to put in the second step. I have my link at the first step and what to put in in the second step?

Thanks

• This reply was modified 4 years, 3 months ago by Hayden Ng.

have a look at this (older) video, which show how to use criticalpathcssgenerator