Hello, I would like your help on how I can optimize my CSS are already all optimized, but I have 1 in question that I can not remove and this is making me uncomfortable thanks!
Google considers that the page will perform better when considering the load time when all CSS responsible for styling the region above the fold is embedded in HTML via tag style
; that's why that CSS code would be delivered along with the rest of the HTML to the browser in the same HTTP response and could be parsed faster when compared to an external CSS file that is delivered in a different HTTP response.
What does "above-the-fold region" mean??
In general, this is an unnecessary technique, because we hardly have a problem with performance that dividing the CSS would solve. In fact, the page load time is pretty much the same, which creates the feeling of loading faster because the visible part of the page actually loads before. Points that generally make it impossible to use such technique is that:
Splitting the CSS code hurts the maintenance of the system, since you will have codes of the same nature separated into separate files;
In addition, there will also be the possibility of code replication: if all the pages of the site are in the same layout, it is likely that the CSS code responsible for the region above the fold is the same, necessary to include it in all HTML files;
and also directly affects the code-caching system, since a CSS code included in the HTML will only be cached if the HTML file is cached - and not always interesting: you can have a page where only the information changes, but CSS does not, so it would be interesting just to cache CSS rather than HTML.
In general, you gain more by ignoring such a hint than injury, so I think you can ignore it without fear.