How to include css to optimize site performance for Pagespeed Insights?

Question

css

Hello! I searched a lot on the Internet, on this forum, but nothing helps. Pagespeed Insights issues: "Remove the JavaScript and CSS code blocking the display of the top of the page", namely, it swears at the css file, which is now just a link tag connected to the head, I tried to take a piece of css code responsible for the site header, remove it and tag style, put it in the head, and <link rel="stylesheet" href="css/style.css"/>throw it at the very end of the code, as a result, Pagespeed Insights removed this problem from the list, but at the same time terribly lowered the optimization scores, as it turned out, due to the fact that it <link rel="stylesheet" href="css/style.css"/>began to connect after all the html code while the site was loading css code appears first , and then the site itself. Trying to put<link rel="stylesheet" href="css/style.css"/>above all the content, caused the site to start loading as before well, but Pagespeed Insights again gave a css optimization error, although it returned those lost points, strange things, please tell me what exactly Pagespeed Insights wants?

Answer 1

Pagespeed Insights says: "Remove the JavaScript and CSS blocking the display of the top of the page",

Fuck this nonsense and fake service.
But the site, of course, oppa .. needs to be optimized . girl too

Answer 2

The bottom line is that you need to select critical CSS and inline in HEAD (i.e. through ). Connect the rest before the closing BODY via . <style></style>
<link>

Answer 3

It is not worth chasing 100% in GPSI, it is not worth it either in optimization or in further support of the site.
It is enough to include compressed css in head and compressed js before