Question

我正在为我的网站应用程序进行速度优化。我找到了一些做法。例如来自雅虎的Best Practices for Speeding Up Your Web Site。其中包括：

缩小JavaScript和CSS。
通过将多个文件（css，js）合并为一个来最小化HTTP请求的数量。

我的问题是您使用或建议执行该操作的基础架构，工具和构建过程是什么？

Answer 1

根据JavaScript Compression Rater，最有效的工具是YUI Compressor或JSMin。

Answer 2

您可以使用YUI Compressor。

它可以压缩JavaScript和CSS。只需为所有文件运行它，然后将它们连接成一个“包”文件。您可以手动执行此操作，编写Makefile或使用某些脚本在Web请求上压缩“即时”，但您可能希望缓存生成的文件。

Answer 3

雅虎提示非常好。我使用gomez来测试优化工作的结果。缩小是一个很好的步骤。我发现通常可以通过调整页面的组合方式来实现更大的影响（特别是在减少将多少图像切割成小块以减少请求数量时）。无论如何，这个yahoo blog提供了一个非常好的缩小工具的概述。我通常远离混淆，除非在相对较小的性能提升之外有令人信服的理由。安装和使用缩小工具的实际步骤相对简单。

Answer 4

或者您可以将HTTP服务器配置为GZIP压缩所有文本文档。

Answer 5

我做ASP.NET，所以我使用CruiseControl.NET和NAnt进行构建过程。这个构建过程的一部分是使用YUICompressor压缩，根据我的经验，这是最好的压缩器。

如果您不使用ASP.NET，那么仍然可以使用相同容量的原始CruiseControl和Ant。

我发现这是一个优秀的设置的原因是因为a）所有繁琐的东西都是自动的，b）如果你在自己的机器上进行测试，你不必调试一个超长的JS字符串：）

Answer 6

我已将缩小功能集成到我的部署过程中。我使用包JavaScript::Minifier和CSS::Minifier在perl中执行此操作。

在开发过程中，我希望保持脚本扩展。我在我的HTML中添加了一些注释，以便我的脚本知道要放入哪些文件并缩小：

<!--- MinifyJS[js/minified-1.js] -->
<script src="..."></script>
<script src="..."></script>
<!-- end[js/minified-1.js] -->

<!--- MinifyCSS[css/minified-1.css] -->
<link ...>

一些正则表达式，我很快得到一个带有缩小文件的“生产”版本。