JavaScript « Удалите из верхней части страницы код CSS, блокирующий отображение. Как лучше сделать?

Сейчас работаю над увеличением скорости загрузки сайта, используя Google PageSpeed Insights.

Google PageSpeed Insights дает такую рекомендацию:

Удалите из верхней части страницы код CSS, блокирующий отображение.
Количество блокирующих ресурсов CSS на странице: 20. Они замедляют отображение контента.
Все содержание верхней части страницы отображается только после загрузки указанных далее ресурсов. Попробуйте отложить загрузку этих ресурсов, загружать их асинхронно или встроить их самые важные компоненты непосредственно в код HTML.

Что мне лучше сделать - вынести все теги
<link rel="stylesheet">

за тег
</html>

?
Или использовать, например, yepnope (Modernizr) и подгружать CSS асинхронно с помощью JS? Можете предложить еще варианты решения этой проблемы?!

1 ответов


Доброго времени суток.

Выносить link за html не нужно - это как минимум не правильно!
Про вынос в код, имелос ввиду: