PageSpeed Insights : Load css files after the closing </html>

Question

Google Page insight tells us to optimize CSS file like this :

Vous pouvez alors incorporer le code CSS essentiel comme ceci :

<html>
  <head>
    <style>
      .blue{color:blue;}
    </style>
    </head>
  <body>
    <div class="blue">
      Hello, world!
    </div>
  </body>
</html>
<link rel="stylesheet" href="small.css">

source : https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

enter image description here

The French link is https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery?hl=fr

I’ve never seen such a thing : Integrate css files after the closing </html> tag.

I’t’s not only in the documentation. It also modify the result of PageSpeed Insights score. I have 100% if i insert css file at the end.

Is it valid HTML ?

Can you paste the lines where it tells you put the css after the closing html tag? — Huangism
Please review How to ask questions on Stack Overflow and what types of questions can be asked and what types should be avoided.. Asking for opinions is off-topic. — Paulie_D
I can't see any text suggesting putting stylesheet-includes after the closing </body> tag. — Alex
@Huangism I can paste the line but it is in french. I can’t access Google Page insight in English (i’ve tried from Google USA but it is still French for me). Look at the code i paste ans the source. — Sébastien Gicquel

Huangism Huangism · Accepted Answer · 2015-06-16T15:38:44

To answer your question, it is NOT valid to put the link tag outside of the html tag

Use https://validator.w3.org/#validate_by_input+with_options and see for yourself. Just paste the code in

Line 11, Column 40: Stray start tag link.

Then you get

Line 11, Column 40: Cannot recover after last error. Any further errors will be ignored.

I don't know why that recommendation is even there but it should be removed. Maybe google is just playing a joke on the french? Maybe the page have not been updated. You can probably contact them and ask why if you really want but I would not do this on any of my pages

PageSpeed Insights : Load css files after the closing </html>

1 Answers