wake-up-neo.net

如何压缩我的JavaScript和/或CSS？

我知道有办法 动态加载到页面中 ，但是如果我想压缩我的代码以便加载更快，我该怎么办呢？

optimizationcssjavascriptcompression
8
Jason

缩小 似乎是标准。 这里 是一篇博客文章，解释了如何使用它。

3
Travis Northcutt

我强烈推荐 Google Closure Compiler 用于压缩JavaScript代码。我亲自使用它，它也是jQuery项目使用的官方压缩器。

这个项目可以做很多，但基本是这样的：

Java -jar closure.jar -js javascriptFile.js > javascriptFile.min.js
8
Mike

使用 gzip 。

3
ilhan

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

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

阅读 关于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")
%>
2
jessegavin

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

  • Yahoo YUI Compressor
  • Microsoft AJAX Minifier
  • Google Closure编译器（仅限JavaScript）

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

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

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

1
Sean Moubry

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

0
mvark

这个使用YUI压缩器算法：

http://www.jscompressor.com

0
Nitro

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

0
D4V360

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

0
HoLyVieR