CSS縮小版の推奨事項はありますか?
私はGoogleを応援し、いくつか試してみるつもりですが、スマートで熟練していて奇妙にハンサムなStackOverflowコミュニティが、すでにヘビー級の長所と短所を評価しているのではないかと疑っていました。
CSS縮小版の推奨事項はありますか?
私はGoogleを応援し、いくつか試してみるつもりですが、スマートで熟練していて奇妙にハンサムなStackOverflowコミュニティが、すでにヘビー級の長所と短所を評価しているのではないかと疑っていました。
回答:
YUIコンプレッサーは素晴らしいです。JavaScriptとCSSで動作します。見てみな。
YUI Compressorの.NETポートもあり、次のことができます。
UPDATE 2011:そして、それはNuGet経由でも利用可能になりました :)
CSSOは現在、最良の縮小/最適化ツールです。
オンラインツールをお探しの場合は、https://csscompressor.net/をお試しください。
html{width:100%;height:100%;} body{width:100%;height:100%;padding:0;} #test{padding:1em;width:10em;} #test{padding:2em;}
、YUI Compressorよりもうまく機能しました(#testのパディングの重複を排除しませんでした)。それでも、どちらも私を満足させることに失敗しましたhtml,body{width:100%;height:100%}body{padding:0}
(私の理解では、両方のセレクターが同じ特異性を持っているため、これは同等です)。
C#で超高速のCSS縮小機能を記述しました。ただし、アルゴリズムはJavaScriptを処理しません。これをご覧ください:http : //www.ko-sw.com/Blog/post/An-Ultra-Fast-CSS-Minify-Algorithm.aspx。
閉鎖スタイルシートを試してください。
横に縮小それはまた、サポートリンティング、RTLの反転、およびクラスの名前変更を。
また、CSSに変数、関数、条件、ミックスインを追加することもできます。
また、これらの機能の一部は、それ自体が非常に強力なClosure Toolsの残りに依存していることにも注意してください。
isnoopのCSS SuperScrubは非常にうまく機能することがわかりました。ただし、CSSへの直接リンクはオンラインでしか処理できません。
#test { padding: 1em; width: 10em; } #test { padding: 2em; }
たが失敗しました。
サイトがASP.NETの場合は、CSSの縮小をオンザフライで行うことができます(変更するたびに手動で行う必要はありません)。例えばこれを使って:
PerlにはCSS :: Minifier(および高速化のためのXSバージョン)があります。
他の人たちはYUI Compressorについて言及し、次に.NETポートについて言及しました。チェーンに別のリンクを追加します。StyleManagerは、YUI Compressorの.NETポートをラップして、ScriptManagerを使用するのと同じように使用できるサーバーコントロールです。CSS定数、背景画像の定義でのチルダ(〜)解像度など、他の多くの優れた機能も追加します。タイトで十分に文書化されており、最近のすべてのプロジェクトで使用していますw / o問題。チェックしてください-gStyleManager.com
まだ「ベータ版」ですが、かなりうまく機能するはずです。私はすべてのプロジェクトでその背後にあるコードを使用します:http : //claudiu.phpfogapp.com/これはPHPで構築されており、*。cssファイルをかなり長い時間ホストします。縮小されたCSS。(サーバーでスペースが混雑した場合にのみ、古いcssファイルを削除します)。
CSSおよびJSファイルを縮小および圧縮する.net Webサイトにプラグインするcodeplexプロジェクトがあります。Microsoft AJAX MinifierとYUI Compressorの比較もあり、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 このアプローチの美しさは、それがすべての場でそれをしないということですまた、ファイルを手動で前処理したり、ビルド後に構成したりする必要はありません。
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*", ";");
zbugs.comは優れたオンラインツールであり、ワンクリックでCSSを縮小できます