许多CDNjs与一个缩小的本地js

Question

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.3.1/jquery.inputmask.bundle.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/1.5.3/numeral.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Ladda/1.0.0/spin.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/Ladda/1.0.0/ladda.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-modal/2.2.6/js/bootstrap-modalmanager.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-modal/2.2.6/js/bootstrap-modal.min.js"></script>

VS

<script src="/myMin.js">

（myMin.js将包含连接在一起并缩小的所有js文件）性能最佳？ 我正在使用cdnjs，因为它解决了其他地区的人直接从我的服务器下载js文件的问题。 例如，亚洲人不必从美国服务器下载我的js文件，这是一个巨大的性能问题。 cdnjs帮助我在全球范围内散布js文件。 由于cdnjs是异步下载的，所以何时首选myMin.js ？

Answer 1

我想说，由于HTTP / 2的简单原因，使用大量CDN引用是可取的。

我相信Cloudflare支持HTTP / 2，因此您可以通过拥有多个单一用途脚本而不是一个组合脚本来获得更好的效果。

在他们的博客文章“HTTP / 2 for Web Developers”中 ，名为“Stop Concatenating Files”的部分特别相关：

但是，连接文件不再是HTTP / 2中的最佳实践。 虽然连接仍然可以提高压缩率，但它会强制执行昂贵的缓存失效。 即使只改变了一行CSS，浏览器也会被迫重新加载所有的CSS声明。

此外，并非您网站中的每个页面都使用连接的CSS或JavaScript文件中的所有声明或函数。 在缓存之后，这不是什么大问题，但这意味着正在传输，处理和执行不必要的字节，以便呈现用户访问的第一页。 虽然HTTP / 1.1中的请求开销使得这是一个值得的权衡，但它实际上可以减慢HTTP / 2中的首次绘制时间。

Web开发人员应该更多地关注优化缓存策略，而不是连接文件。 通过将经常更改的文件与很少更改的文件隔离开来，可以从CDN或用户的浏览器缓存中尽可能多地提供内容。

我们都需要开始质疑这些标准技巧，以便在HTTP / 2得到广泛支持的情况下提高性能。

Answer 2

做出决定有几个方面需要考虑。 其中几个：

性能：建议使用CDN，因为这些.js文件在全球范围内都是高度缓存的。 对于位于远离原始服务器位置的用户，这将最有帮助。 这也将帮助您节省源中的带宽使用，与CPU和其他资源相同。

框架兼容性：使用CDN文件的缺点是，如果公共库对版本更新有任何更改，您的应用程序可能会停止工作，因为某些方法或功能可能会随版本而变化。 如果您使用本地文件，则无论对公共库执行任何版本更新，您都确信应用程序将正常运行。

总而言之，如果您没有很多应用程序来支持其中一个库中的方法更改会导致您需要进行大量更改，那么请使用库的CDN版本，因为它们最终会为您节省资源; 让它成为金钱或服务器资源。