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

[serhiokrava]

Помогите!!!

После аудита - вот это



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



Количество блокирующих скриптов на странице: 15. Количество блокирующих ресурсов CSS на странице: 10. Они замедляют отображение контента.


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




http://ajax.googleapis.com/…s/jquery/1.10.2/jquery.min.js?ver=1.10.2
http:...…top/js/wpfront-scroll-top.min.js?ver=1.5
http:.../…lidate/jquery.validate.min.js?ver=1.13.0
http:../…lidate/jquery.validate-lang.js?ver=4.6.1
http:...…udes/js/jquery/ui/core.min.js?ver=1.11.4
http:...…es/js/jquery/ui/widget.min.js?ver=1.11.4
http:...…des/js/jquery/ui/mouse.min.js?ver=1.11.4
http:/.../…es/js/jquery/ui/slider.min.js?ver=1.11.4
http:/.../….4/includes/js/jquery.tinynav.js?ver=1.1
http:....ru/…ootable/jquery.footable.min.js?ver=2.0.3
http:../…des/js/jquery.selectBox.min.js?ver=1.2.0
http:.../…v3.5.4/includes/js/easing.min.js?ver=1.3
http:.../…cludes/js/jcarousellite.min.js?ver=1.9.2
http:.../…cludes/js/theme-scripts.min.js?ver=3.3.3
http:..u/…olorbox/jquery.colorbox.min.js?ver=1.6.1


Уже перегуглил пол интернета, а ответа полного не нашёл - некоторые что-то пишут заумное, как вроди все профессионалы и всё понимают.

Помогите, как их исправить - поподробнее.

 

[BaNru]

Уже писал

 

[serhiokrava]

Извините, но я из того, что вы писали - ничего не понял.

Можно по-подробнее - КАК, КУДА, ГДЕ и ЧТО нужно прописать, чтобы это убрать.

Читал у кого-то на сайте, что нужно определённый код вставить в functions - вставил, и у меня в шапке этот код и вылез (при просмотре сайта).

Поэтому и прошу подробнее, если можно.

 

[BaNru]

1) Рекомендуется все CSS и JS объединить в 1-2 файла
2) Все SCRIPT что находятся внутри HEAD перенести в самый них документа, поставить перед </body>. Желательно предварительно объединив (см.первый пункт). В случае WP - надо из header.php перенести в footer.php в папке с темой.

Так как это WP, то для начала эти два пункта надо сделать с файлами из темы. Дальше с оставшимися файлами надо смотреть по обстоятельствам, в зависимости от файлов и в зависимости от того, как они подключаются.

 

[serhiokrava]

Нашёл плагин async-javascript.1.16.10.25 , как написано устраняет эту проблему.

Установил, настроил - в итоге загружается быстрее намного, только в слайдере нет изображений. Настраивал разные пункты, исключения - одно и то же.

Может знаете другие настройки, чтобы всё работало?