是否存在加速 jquery 和 jqueryui 负载的方法？答案

【问题标题】：Does exists a way to accelerate the load of jquery & jqueryui?是否存在加速 jquery 和 jqueryui 负载的方法？
【发布时间】：2016-11-29 23:06:04
【问题描述】：

我是 jquery 和 jqueryui 的粉丝，但有些朋友仍然认为我使用 jquery 和 jqueryui 导致页面变得太重和太慢。我确信差异不会超过 10%（我可以接受）。

但是，一个 php&mysql 程序，列出一个没有格式的 100 条记录表（一个 html 表）的运行速度比使用 jquery 和 jqueryui 的相同程序快 50%。（主要是加载文件）。即使它们在缓存中，第一个运行速度也比第二个快方式。

我正在考虑将所有文件合并到一个文件中...看起来并不容易维护，但我敢打赌它会更快。（最后，一个编译的程序把所有的东西放在一起，所以听起来并不疯狂）。

a) 是否存在一种程序可以自动将所有包含内容（js、css、php、html）连接到每个页面的单个文件中？

b) 有没有更智能的方法来加快 jquery、jqueryui 和 css 文件的加载时间？

TIA，

【问题讨论】：

如果文件被缓存并且您正在从缓存中加载，那么加载时的差异应该是个位数毫秒。
十几个网站将测试您的网站速度并提出建议
Even when they are in cache the first one runs way faster than the second one - 因此，这些库的加载时间并不是您声称的 (mostly loading the files) 造成的。我们最近更改了数组上 jQuery.each 的所有用法，以使用数组原生 forEach 方法（为旧版 Internet Explorer 使用 polyfill）——一项更改显着改善了我们网站的感知响应能力。

【解决方案1】：

here 上有一篇很棒的帖子

确保您使用的是缩小的 .css 和 .js 文件。

仅包含您实际使用的 jQuery UI 组件。

考虑使用诸如 Varnish 之类的 HTTP 缓存来缓存静态内容。

考虑使用某种形式的 CDN。 Cloudflare 可以缩小 HTML。或者，如果您可以控制您的 HTTP 服务器，您可以添加一个插件 such as this one for Nginx 来缩小所有内容。

除此之外，除了确保您的查询和代码尽可能简单和高效之外，别无选择。

【讨论】：