web-dev-qa-db-ja.com

CSSミニファイアーに関する推奨事項はありますか?

CSSミニファイアーに関する推奨事項はありますか?

私はGoogleに根ざし、いくつか試してみますが、賢く、熟練した、好奇心ly盛なStackOverflowコミュニティがすでにヘビー級の長所と短所を評価しているのではないかと疑っています。

289
Paul D. Waite

YUI Compressor は素晴らしいです。 JavaScriptとCSSで動作します。見てみな。

98
Buddy

YUI Compressorの.NETポート もあります。

  • ミニファイ/ファイル結合をVisual Studioのビルド後イベントに統合する
  • tFSビルドへの統合(CIを含む)
  • 独自のコードでdllを使用する場合(オンザフライの縮小など)。

UPDATE 2011:それは NuGetで利用可能になった また:)

45
Pure.Krome

Minify が好きです。 PHPで、CSSまたはJavaScriptで動作します。

19
artlung

CSSO は現在、最適なミニファイヤ/オプティマイザです。

13
silent

Pythonを使用する場合は、 slimmer をお勧めします。これは、おそらくYUI Compressorほど高速ではありませんが、csscompressor.netとは異なり、CSSハックで停止しません。

よりスリムに書いて以来、私は偏見を抱いており、現在YUI Compressorを評価してハックの処理方法を確認しています。 crosstips.orgのソースを表示すると、よりスリムなアクションの例を見ることができます

8
Peter Bengtsson

オンラインツールを探している場合は、これを試してください: https://csscompressor.net/

6
miguelSantirso

CSSTidyをチェックしてください: http://csstidy.sourceforge.net/usage.php

オンライン: http://cdburnerxp.se/cssparse/css_optimiser.php

6
Murali Bala

closure-stylesheets を試してください。

minificationに加えて、lintingRTLフリッピング、およびクラス名の変更.

また、変数関数conditionals、およびmixinsからCSS。

また、これらの機能の一部は、残りの Closure Tools (独自に非常に強力である)に依存していることに注意してください。

4
Andrzej Duś

C#で超高速CSSミニファイアーを作成しました。ただし、アルゴリズムはJavascriptを処理しません。 Thy this: http://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx

4
Kerido

PHPで何かを探しているなら、ここにリンクがあります-

無脂肪縮小

PHP Fat-Free Frameworkの一部ですが、スタンドアロンで使用することもできます。

3
bcosca

他の人はYUI Compressorに言及し、それから.NETポートに言及しました。チェーンに別のリンクを追加します。 StyleManager は、YUI Compressorの.NETポートをラップするサーバーコントロールであるため、ScriptManagerの使用に慣れているように使用できます。 CSS定数、チルダ(〜)解像度(背景画像の定義など)など、その他の素敵な機能も多数追加します。 o問題。それをチェックしてください- gStyleManager.com

3
andrew

まだ「ベータ版」ですが、かなりうまく機能するはずです。私はすべてのプロジェクトでその背後にあるコードを使用しています: http://claudiu.phpfogapp.com/ それはPHPに組み込まれており、*。cssファイルをかなり大量にホストします確かに、縮小されたcssでコードをテストするのに十分です。 (サーバー上のスペースがいっぱいになった場合にのみ、古いcssファイルを削除します)。

3
Claudiu

サイトがASP.NETにある場合、その場でその場でCSSの縮小を行うことができます(したがって、変更を加えるたびに手動で行う必要はありません)。たとえばこれで:

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

3
Katz

Isnoopの CSS SuperScrub は非常にうまく機能することがわかりました。ただし、CSSへの直接リンクはオンラインでしか処理できません。//好みのPastebinサービスを使用してcssコードを保持し、SuperScrubに生のリンクを指定するだけで回避できます。

3
John Michel

Perlには CSS :: Minifier (および速度向上のためのXSバージョン)があります。

3
Ether

これは私がMVC3のためにそれをやった方法です: http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html このアプローチの美しさはそれはすべてオンザフライで実行され、手動でファイルを前処理したり、ビルド後に構成する必要はありません。

2
m_kramar

オンラインツール(私のCSSをジャックしたwww.csscompressor.netよりもはるかに優れています): http://www.cssdrive.com/compressor/compress.php は素晴らしい仕事をします。

2
B T

CSSおよびJSファイルを縮小および圧縮する.net Webサイトにプラグインするコードプレックスプロジェクトがあります。また、Microsoft AJAX MinifierとYUI Compressorの比較もあり、YUIが少し良くなっています。ファイルを大幅に圧縮するMicrosoft Minifierと圧縮を組み合わせた追加のバリエーションがあります。

とにかくリンクは http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20Minification%20Handlers

2

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*", ";");
1
Marcelo Gondim

Paul Irishによる最新の HTML5BoilerPlate をご覧ください-すべてのアセット(PNGおよびJPGを含む)を縮小するビルドスクリプトが含まれています。デモビデオを見ることができます こちら

1
Ben Hughes

zbugs.com はあなたにとって良いオンラインツールです。ワンクリックでCSSを縮小します

1
Tamik Soziev