CSSミニファイアに関する推奨事項はありますか?
私はGoogleを応援して試してみますが、賢く、熟練していて、不思議なことにハンサムなStackOverflowコミュニティは、すでに大物の長所と短所を評価しているのではないかと思いました。
YUIコンプレッサーは素晴らしいです。JavaScriptとCSSで動作します。見てみな。
YUI Compressorの.NETポートもあり、次のことができます。-
2011年の更新:NuGetからも利用できるようになりました:)
ミニファイが好きです。PHPで、CSSまたはJavaScriptで動作します。
CSSOは現在、最高のミニファイア/オプティマイザーです。
Pythonを使用する場合は、おそらくYUI Compressorほど高速ではないが、csscompressor.netとは異なり、CSSハックを妨げないスリムなものをお勧めします。
私はスリムに書いたので偏見があり、現在YUICompressorを評価してハッキングをどのように処理するかを確認しています。crosstips.orgのソースを見ると、よりスリムな動作の例を見ることができます。
CSSTidyをチェックしてください:http://csstidy.sourceforge.net/usage.php
オンラインツールをお探しの場合は、https ://csscompressor.net/をお試しください。
私はC#で超高速CSSミニファイアを作成しました。ただし、アルゴリズムはJavascriptを処理しません。これ:http ://www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx 。
クロージャースタイルシートを試してください。
ミニファイのほかに、リンティング、RTLフリッピング、クラス名の変更もサポートしています。
また、変数、関数、条件、およびミックスインをCSSに追加することもできます。
また、これらの機能の一部は、残りのクロージャーツール(それ自体が非常に強力)に依存していることにも注意してください。
PerlにはCSS::Minifier(および速度を上げるためのXSバージョン)があります。
他の人はYUICompressor、次にその.NETポートについて言及しており、チェーンに別のリンクを追加します。StyleManagerは、YUI Compressorの.NETポートをラップするサーバーコントロールであるため、ScriptManagerを使用するのと同じように使用できます。CSS定数、背景画像定義を含むチルダ(〜)解像度など、他にも多くの優れた機能が追加されています。これはタイトで、十分に文書化されており、最近のすべてのプロジェクトで使用しています。 o問題。それをチェックしてください-gStyleManager.com
isnoopのCSSSuperScrubは非常にうまく機能していることがわかりました。ただし、CSSへの直接リンクのみをオンラインで処理できます:/お好みのペーストビンサービスを使用してcssコードを保持し、SuperScrubに生のリンクを与えるだけで回避できます。
サイトがASP.NETにある場合は、サイトにCSSミニファイをオンザフライで実行させることができます(したがって、変更を加えるたびに手動で実行する必要はありません)。たとえば、これで:
まだ「ベータ版」ですが、かなりうまく機能するはずです。私はすべてのプロジェクトでその背後にあるコードを使用しています:http ://claudiu.phpfogapp.com/これはPHPで構築されており、*。cssファイルをかなり長い時間ホストします。縮小されたcss。(サーバーのスペースが混雑している場合にのみ、古いcssファイルを削除します)。
オンラインツール(私のcssをジャッキアップしたwww.csscompressor.netよりもはるかに優れています):http ://www.cssdrive.com/compressor/compress.phpは素晴らしい仕事をします。
CSSおよびJSファイルを縮小および圧縮する.netWebサイトにプラグインするcodeplexプロジェクトがあります。Microsoft AJAXMinifierとYUICompressorの比較もあり、YUIの出力がわずかに向上していることがわかります。Microsoft Minifierと圧縮を組み合わせた追加のバリエーションがあり、ファイルを大幅に縮小しました。
とにかく、リンクは http://xpedite.codeplex.com/wikipage?title=Minifier%20(CSS%2FJavaScript%20Minification%20Handlers)です。
これが私がMVC3で行った方法です。http://mkramar.blogspot.com/2011/08/css-and-javascript-minify-and-combine.html この アプローチの利点は、すべてをオンザフライで実行できることです。また、ファイルを手動で前処理したり、ビルド後に構成したりする必要はありません。
zbugs.comはあなたにとって良いオンラインツールになるでしょう、それはシングルクリックであなたのcssを縮小します
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*", ";");
Paul Irishによる最新のHTML5BoilerPlateを覗いてみてください。これには、すべてのアセット(PNGやJPGを含む)を縮小するためのビルドスクリプトが含まれています。ここでデモビデオを見ることができます。