javascript - 提高网站速度延迟JS

Question

我在延迟和异步 js 文件方面遇到问题。 我的网站正在加载 JQuery 和 Jquery-UI 库，它们是一种大文件，甚至是 .min 文件 例如，当我将这些库移动到网站底部或只是推迟 - 异步它们时，我的网站会停止渲染大部分元素

• Select2 插件在手机上无法正常工作
• Jquery 范围 slider 未拖动
• 其他一些自定义元素(例如无限加载)无法正常工作

所以我正在尝试提高我的网站速度，但是这 2 个库呈现拦截器，并且使用它们我在 PageSpeed Insights 上仅获得 53 的评分。

所以让网站运行得更快的另一种方法是合并(合并)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

我已经做了什么

• 浏览器缓存 - 开启

• 动态 GZip - 开启

  1. 所以主要问题是如何在不丢失功能的情况下将 jquery 移至底部
  2. 我可以合并哪些库，以减少 HTTP 请求

Answer 1

除了 @Dr.Web 所说的之外，您还可以将它们合并到一个文件中，并确保将插件代码添加到 jQuery 的底部