PageSpeed ​​Insights: загрузка файлов css после закрытия</html>

Прочтение страницы Google позволяет оптимизировать CSS файл следующим образом:

Vous pouvez alors содержит код 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">

источник: https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

enter image description here

Французская ссылка https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery?hl=fr

Я никогда не видел такой вещи: интегрируйте файлы css после закрывающего тега </html>.

Не только в документации. Он также изменяет результат оценки PageSpeed ​​Insights. У меня есть 100%, если я вставляю css файл в конец.

Является ли он действительным HTML?

Ответы

Ответ 1

Чтобы ответить на ваш вопрос, НЕ допустимо поместить тег link вне тега html

Используйте https://validator.w3.org/#validate_by_input+with_options и убедитесь сами. Просто вставьте код в

Строка 11, Столбец 40: ссылка на стартовый тег.

Затем вы получаете

Строка 11, столбец 40: невозможно восстановить после последней ошибки. Любые дальнейшие ошибки будут проигнорированы.

Я не знаю, почему эта рекомендация существует даже там, но ее нужно удалить. Может быть, google просто шутит на французском? Возможно, страница не обновлена. Вы можете связаться с ними и спросить, почему, если вы действительно хотите, но я бы не сделал этого на любой из моих страниц.