3

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

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

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

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

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

编辑：应该注意的是，这是许多页面中的一页（可能是数百页），并且该站点每两周收到一个新版本，因此必须能够自动化这种连接和缩小，我不能只做一次然后打电话很好。

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

闭包肯定被更广泛地使用，但即使这样也缺乏。似乎最好的方法是使用带有 YUI 的插件。

还有其他地方建议使用Packer，但似乎许多人认为较小的文件大小可以通过在客户端计算机上解压缩它们来消除。这个 stackoverflow 响应是关于这些类型工具的好读物。

4

1 回答 1

2

Google 的 Closure Compiler 非常适合连接和缩小 JavaScript。它还有一个额外的好处，就是在你编译时为你检查代码，它会删除死代码，如果你在 docblocks 中包含类型提示，它还可以执行编译时类型检查。

在某些情况下，死代码删除功能使 Closure 比其他压缩器具有巨大优势……例如，考虑包含库但仅使用大约 10% 功能的情况。如果您将库与项目的其余部分一起压缩，则可以删除其他 90%。

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

于 2012-07-11T20:03:01.513 回答