jquery - 将 jquery 与脚本捆绑在一起更快还是使用公共(public) CDN 更快？

Question

我在 Cloudfront 上托管我的网站的 javascript。我应该将 jQuery 与包捆绑在一起，还是使用公共(public) CDN？我主要对移动性能感兴趣。

捆绑的优点是可以减少下载一个脚本文件。公共(public) CDN 的优点是它更有可能已经在用户的缓存中。

听起来，选择缓存可能性的 CDN 是 Google 的(基于此处的研究:http://royal.pingdom.com/2012/06/20/jquery-numbers/)，但实际上这是否比少一个文件更重要？当您考虑使用 jQuery 的网站百分比 (~50%) * 使用 Google CDN 的网站百分比 (25%) * 使用 jQuery 1.10.2 的网站百分比 (??%) 时，这是一个重要的部分我的访问者中有多少人会缓存它？

Answer 1

如 this blog post 中所述，捆绑不是推荐选项。由 Google Chrome V8 开发人员开发。

推荐的解决方案是使用公共(public) CDN 中的开源库并单独提供其他文件。

由于您关心移动性能，我建议您:

1. 使用开源 CDN 获取开源资源。
2. 使用更好的压缩，因为移动网络通常受到带宽限制。文件较小意味着下载速度更快。
3. 有效使用 HTTP/2 多路复用。
4. 如果可能，请使用 HTTP/2 服务器推送。

PageCDN 会为您完成这一切。它可以通过单个连接复用公共(public)库和私有(private)文件。此外，它还使用 brotli-11 压缩来压缩资源，从而将文件压缩得更紧密。它还支持不可变缓存和 HTTP/2 服务器推送。