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

#pagespeed_insights

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

Не получается исправить последнее правило от Google Page Speed Insights:


  Удалите код JavaScript и CSS, блокирующий отображение верхней части страницы.
  Количество блокирующих ресурсов CSS на странице: 1. Они замедляют отображение контента.
  
  Примерно 3 % содержания верхней части страницы можно отобразить, не дожидаясь загрузки
указанных далее ресурсов. Попробуйте отложить ее или асинхронно загрузить блокирующие
ресурсы либо встроить их особо важные составляющие прямо в код HTML.
  
  Оптимизируйте работу CSS на следующих ресурсах:
  http://ecoexspert.kz/css/style.css


Попробовал разные способы:  


перенёс CSS вниз body,  
вынес стили в HTML документ


А Google Page Speed Insights всё равно ругается, как можно исправить проблему?

Ссылка на ресурс.
    

Ответы

Ответ 1

Установите ссылки на ваши файлы css и js внизу перед закрытым элементом /body. При
этом, для валидации примените для линка стилей property=stylesheet, примерно так: 








Поиграйте с установкой async - только для скриптов js: устанавливайте и смотрите
какой результат в браузере. Также я рекомендую вам для ускорения применять сжатие исходного
кода с этим инструментом и сжатие картинок с этим инструментом. Пример async: 


Ответ 2

На всех js файлах добавьте атрибут defer, а весь css уберите куда подальше вниз.
И то и другое надо минифицировать, можно еще и то, и другое вставлять в тело страницы.


Ответ 3

Оставьте css сверху, js вниз, defer не ставить если подключается больше 1 файла


Ответ 4

Сайт почему-то не доступен... 

Вообще данная рекомендация гугла (о 3%) напрямую связана с тем, что внешний css-файл
небольшой, поэтому лучше от него отказаться, а все стили перенести прямо в html-код
страницы (в секцию HEAD). С точки зрения гугла, лучше потратить чуть больше трафика,
чем создавать новое http-соединение. С учетом того, что используется gzip-сжатие для
html, то всё довольно логично.