JS和CSS文件连接工具

Tools for JS and CSS file concatenating

本文关键字：连接工具文件 CSS JS 更新时间：2023-09-26

我最近开始使用一个大的代码库，每页有很多（15-20）个js请求。我的任务是优化和提高这些网站的性能。

我一直在使用谷歌的PageSpeed和雅虎的YSlow等工具，并结合WebPageTest.org的测试来确定网站的基线速度和改进领域。我很好奇是否有一些标准或最佳实践的解决方案来连接和缩小JS和CSS文件。

我看了：http://www.youtube.com/watch?v=30_AIEhar-我和前20分钟都非常擅长将mod_pagespeed作为一个好目标。

我目前正在考虑使用YUI压缩器的mod_pagespeed，也许还有一个精灵生成器。

我可能错过了哪些好的工具，或者在当前的构建中应该关注哪些事情？

编辑：需要注意的是，这是许多（可能是数百）页面中的一页，网站每两周就会收到一个新版本，所以必须能够自动进行连接和缩小，我不能只做一次就说它很好。

编辑2012年7月30日-我花了一些时间研究不同的工具，很难说哪种是最好的，但目前，没有多少人使用mod_page速度。

可以肯定的是，闭包被更广泛地使用，但即使这样也缺乏。似乎实现这一点的最佳方法是使用YUI插件。

还有其他地方建议使用Packer，但似乎许多人认为，由于需要在客户端机器上对文件进行解包，较小的文件大小已被消除。这个stackoverflow响应是关于这些类型的工具的一个很好的阅读。

Google的闭包编译器非常适合串联和缩小JavaScript。它还有一个额外的好处，那就是在编译时为您筛选代码，它将删除死代码，如果您在文档块中包含类型提示，它还可以执行编译时类型检查。

在某些情况下，死代码删除功能使闭包相对于其他迷你程序具有巨大优势。。。例如，考虑这样的情况：您包含了一个库，但只使用了大约10%的功能。如果将库与项目的其余部分一起压缩，则可以删除其余90%。

至于CSS，如果你想要一些花哨的东西，YUI压缩器可能是你最好的选择。否则，您可以使用cat将文件连接在一起，并从空白中获得一些额外的字节。