asp.net - CSS 压缩和组合/js 缩小 - 最好在运行时或构建时进行？

Question

我必须想出一个解决方案来压缩、版本化(用于缓存目的)并可能合并我们的 JS 和 CSS 文件，到目前为止我已经看到了两种主要方法:

1) 在构建时:作为 MSBuild 任务或类似任务。2) 在运行时动态:作为 .js 和 .css 文件的自定义 HTTPHandler(顺便说一句，我们是 ASP.NET)，在您的页面中出现这样的内容:

<link rel="stylesheet" type="text/css" href="~/StyleSheetHandler.ashx?stylesheets=~stylesheets/master.css" /> 

任何人都可以提供各自的优缺点信息吗？就个人而言，我看不出在每次请求时动态地执行它并浪费 CPU 周期的意义(我猜你只会第一次处理工作然后缓存，但仍然如此)但我觉得我可能是不是漏了什么？

谢谢!马克。

Answer 1

我认为一个好的方法是针对不同的环境使用不同的策略:

• 无 开发压缩(用于开发和调试)
• 运行时 压缩测试环境(灵活，非性能关键)
• buildtime staging 和 production 压缩(已测试，性能关键)

我有一些使用 YUI compressor 的经验对于 Javascript 和 CSS，并且已经了解到(通过艰难的方式)测试缩小的 JS 和 CSS 确实非常重要。

创建静态缩小的 JS 和 CSS 文件作为生产构建的一部分具有以下好处:

• 他们经过测试
• 静态文件，可以在没有 ASP.NET 开销的情况下提供
• 可以被浏览器缓存
• 应该是 webserver-gzipped