Because a) the CSS contains unused rules (this is always the case unless you take a lot of effort to optimize CSS for every singe page) and b) external CSS always blocks rendering.Then why it's listed under "Defer unused CSS" aand also under "Eliminate render-blocking resources "?
You might waht to ake a look at tools like ngx_pagspeed/mod_pagespeed which do help to optimize CSS.
Eliminate render-blocking resources
mentions:We wouldn't put JS or CSS code where it isn't necessary to. We put a very small amount of JS in the header because it needs to be available at the start of the document....deferring all non-critical JS/styles
The full explanation ofEliminate render-blocking resources
mentions:
We wouldn't put JS or CSS code where it isn't necessary to. We put a very small amount of JS in the header because it needs to be available at the start of the document.
The CSS is where it is because you really wouldn't want your users to be using a site where the CSS is deferred to the footer. Your pages would look terrible until almost everything had finished loading.
We use essential cookies to make this site work, and optional cookies to enhance your experience.