如何压缩JavaScript和/或CSS？

我知道有多种方法可以将其动态加载到页面中，但是如果我想压缩代码以使其加载得更快，该怎么办？

缩小似乎是标准。 这是一篇博客文章，其中说明了如何使用它。

我强烈建议使用Google Closure编译器来压缩JavaScript代码。我个人使用它，它也是jQuery项目使用的官方压缩器。

这个项目可以做很多事情，但是基础是：

java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js

使用gzip。

我使用Justin Etheredge的SquishIt项目。太棒了！但是仅适用于asp.net。

• 它使用YUI进行CSS和Javascript压缩。
• 支持LESS
• 我相信它支持Google关闭
• 它非常易于使用。

阅读有关squishit博客文章的介绍。

这是一些示例代码，它们将呈现一个<script>标签和一个<link>标签。两者都将指向一个合并并缩小的JS / CSS文件。

<%= Bundle.JavaScript()
    .Add("~/js/jquery-1.4.2.js")
    .Add("~/js/jquery-ui-1.8.1.js")
    .Render("~/js/combined_#.js")
%>

<%= Bundle.Css()
    .Add("~/css/reset.css")
    .Add("~/css/text.css")
    .Add("~/css/960.css")
    .Render("~/css/combined_#.css")
%>

有几种非常流行的工具可用于压缩/最小化JavaScript和CSS。

• Yahoo YUI Compressor
• 微软AJAX Minifier
• Google Closure编译器（仅JavaScript）

所有功能都很强大-您可以轻松找到它们的比较。所有这些都是命令行工具，因此在您构建或发布网站时，它们可以轻松地自动集成到您的运行中。

您还可以找到许多为您运行这些工具的网站，这将节省您安装/配置的时间。如果您不熟悉使用命令行工具，这也将有所帮助。

就个人而言，我一直使用YUI Compressor。

将所有JavaScript都添加到一个文件中，然后使用jsmin（http://www.crockford.com/javascript/jsmin.html）进行压缩。对您的CSS也是如此，但是要使用另一种压缩技术（删除空格）。由于这是一项无聊的重复任务，因此可以使用一些脚本来为您完成此任务。我使用Django并使用django-assets来完全自动化此过程。

如果要压缩Javascript文件的大小，可以使用packer。

检查一下JS和CSS缩小器的比较，以选择最适合您的-

• http://www.phpied.com/reducing-tpayload/
• http://www.phpied.com/css-minifiers-comparison/

这一个使用YUI压缩器算法：

http://www.jscompressor.com