it-swarm.cn

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

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

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