有关CSS minifier的任何建议吗?

时间:2009-04-24 22:22:12

标签: css minify

CSS缩小器的任何建议?

我会围绕谷歌并尝试一些,但我怀疑聪明,精通和好奇的StackOverflow社区可能已经评估了重量级人物的利弊。

21 个答案:

答案 0 :(得分:98)

YUI Compressor太棒了。它适用于JavaScript和CSS。看看吧。

答案 1 :(得分:45)

还有a .NET port of YUI Compressor允许您: -

  • 将缩小/文件合并到Visual Studio构建后事件
  • 集成到TFS Build(包括CI)
  • 如果您希望在自己的代码中使用dll(例如,在飞行中缩小)。

2011年更新:它也是now available via NuGet:)

答案 2 :(得分:19)

我喜欢Minify。在PHP中,使用CSS或JavaScript。

答案 3 :(得分:13)

CSSO目前是最佳的minifier / optimizer。

答案 4 :(得分:8)

如果您使用Python,我会推荐slimmer,这可能不如YUI Compressor快,但与csscompressor.net不同,它不会阻碍CSS攻击。

我有偏见,因为我写的更瘦,我正在评估YUI Compressor看看它如何处理黑客攻击。如果您查看crosstips.org的来源,可以看到一个更苗条的行动示例

答案 5 :(得分:6)

如果您正在寻找在线工具,请尝试以下操作:https://csscompressor.net/

答案 6 :(得分:6)

答案 7 :(得分:4)

尝试closure-stylesheets

除了缩小之外,它还支持 linting RTL翻转类重命名

它还可以将变量函数条件 mixins 添加到CSS。

另请注意,其中一些功能取决于Closure Tools的其余部分(它们本身非常强大)。

答案 8 :(得分:4)

我在C#中编写了一个超快的CSS缩小器。该算法不处理Javascript。这是:http://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx

答案 9 :(得分:3)

如果您的网站位于ASP.NET中,您可以让您的网站即时进行CSS缩小(因此,每次进行更改时都不必手动执行)。例如:

http://www.codeproject.com/KB/aspnet/CombineAndMinify.aspx

答案 10 :(得分:3)

仍处于“测试阶段”,但应该运作得相当好。我在每个项目中使用它背后的代码:http://claudiu.phpfogapp.com/它是用PHP构建的,并且在相当长的时间内托管你的* .css文件,当然足以让你用缩小的css测试你的代码。 (如果服务器上的空间拥挤,我只会删除旧的css文件。)

答案 11 :(得分:3)

Perl有CSS::Minifier(以及额外速度的XS版本)。

答案 12 :(得分:3)

答案 13 :(得分:3)

其他人已经提到了YUI Compressor,然后是它的.NET端口,我将添加链接的另一个链接。 StyleManager是一个服务器控件,它包装了YUI Compressor的.NET端口,因此您可以像使用ScriptManager一样使用它。它还增加了许多其他不错的功能,比如CSS常量,你的背景图像定义中的波浪号(〜)分辨率等等。它很紧凑,文档齐全,而且我已经在我最近的所有项目中使用它了w /一个问题。看看 - gStyleManager.com

答案 14 :(得分:3)

如果您正在寻找PHP中的内容,请点击以下链接: -

Fat-Free Minify

虽然它是PHP Fat-Free Framework的一部分,但它也可以单独使用。

答案 15 :(得分:2)

一个在线工具(比www.csscompressor.net好得多,我的css了):http://www.cssdrive.com/compressor/compress.php做得很好。

答案 16 :(得分:2)

有一个codeplex项目将插入.net网站,这将缩小和压缩CSS和JS文件。 Microsoft AJAX Minifier和YUI Compressor之间也有一个比较,它显示YUI稍微好一点。还有一个额外的变体,它结合了微软Minifier和压缩,大大缩小了文件。

无论如何,链接是 http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20Minification%20Handlers

答案 17 :(得分:2)

这就是我为MVC3做的事情: http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html 这种方法的优点在于它可以即时完成所有操作,您无需手动预处理文件或配置后期构建。

答案 18 :(得分:1)

C#示例:

css = css.Replace("\n", "");
css = Regex.Replace(css, @"\s+", " ");
css = Regex.Replace(css, @"\s*:\s*", ":");
css = Regex.Replace(css, @"\s*\,\s*", ",");
css = Regex.Replace(css, @"\s*\{\s*", "{");
css = Regex.Replace(css, @"\s*\}\s*", "}");
css = Regex.Replace(css, @"\s*\;\s*", ";");

答案 19 :(得分:1)

zbugs.com将是一个很好的在线工具,只需点击一下即可缩小您的CSS

答案 20 :(得分:1)

查看Paul Irish的最新HTML5BoilerPlate - 它包含一个构建脚本来缩小所有资产(包括PNG和JPG)。您可以看到演示视频here