У меня возникли проблемы с файлами defer и async js. Мой сайт загружает библиотеки JQuery и JQuery-UI, и они являются большими файлами даже .min-файлов. Когда я перемещаю эти библиотеки в нижней части веб-сайта или просто откладываю - асинхронируя их, мой сайт перестает отображать большинство элементов, для примерУлучшение скорости веб-сайта отсрочки JS
- выбор2 плагин не работает на мобильных телефонах
- Jquery диапазон слайдера не перетаскивая
- Некоторые другие пользовательские элементы, такие как бесконечной нагрузки не работают, а
так Я пытаюсь улучшить скорость своего сайта, но те 2 библиотеки делают блокаторы, и с ними я получил только 53 рейтинга на странице PageSpeed Insights.
Так что еще один способ заставить сайт работать быстрее - это слияние (объединить) JS-файлов, но после того, как сайт комбайна также перестает рендеринг, так что, я думаю, только некоторые из них могут быть объединены. Может ли кто-нибудь помочь мне решить эту проблему? Ниже я дам список всех JS, который используется на моем сайте
jquery-2.1.1.min.js
greensock.js
layerslider.transitions.js (actually trying to find some lightweight alternative)
layerslider.kreaturamedia.jquery.js
jquery-ui.min.js
jquery.ui.touch-punch.min.js
select2.min.js
jquery.tooltipster.min.js
bootstrap.min.js
placeholders.js
jquery.magnific-popup.min.js
owl.carousel.min.js
html5shiv.js
Что я уже сделал
- Browser Caching - На
GZip на лету - На
- Итак, главный вопрос заключается в том, как переместить jquery на нижнюю часть без потери функциональности
- Какие библиотеки я могу объединить, чтобы уменьшить HTTP запросы