合并多个javascript文件

Question

我已经读过将几个多个javascript文件合并到一个文件中可以提高性能，这是真的吗？

如果是这样，是否有一种简单且无错误的方法来合并它们，或者是一种自动执行此操作的在线工具？

非常感谢。

Answer 1

请参阅Multiple javascript/css files: best practices?和Supercharging Javascript in PHP。

简短的回答是您希望最小化外部HTTP请求。最好的方法是强制浏览器缓存服务器上的文件，直到它们发生变化。您可以通过对文件进行版本控制并提供远期的Expires标头来实现此目的。当文件名发生变化时（通过更改版本），浏览器将获得新版本。

如果你这样做，那么多个Javascript文件并不重要。但是，如果您强制客户端在每个页面上下载27个JS文件而不进行缓存，那么减少文件数量可能会产生重大影响。当然，这仍然不如有效的缓存/版本控制策略。

另一个需要考虑的问题是iphone caching：

  

iPhone不会缓存组件   大于15K（25K）   以前的实验）

因此，在某些情况下，合并文件可能是有害的。

Answer 2

如果你有很多javascript文件，它可以帮助组合它们并缩小它们。通过将它们组合到一个文件中，可以减少需要从站点下载的连接和文件的数量。通过缩小它们，您实际上通过删除空格，注释等来减小文件的大小。看看JSMin和YUI Compressor。

编辑： 正如其他评论者指出的那样，如果用户正在积极使用所有文件中的功能，那么组合文件真的很有意义。将大量且很少使用的javascript文件与所有常用函数组合在一起是没有意义的。

Answer 3

您还可以查看在线JavaScript压缩工具http://jscompress.com/。

Answer 4

你可以试试pakd.io你可以合并css和js文件