CSSオプティマイザー
オプション:
改行を削除しない (「はい」または「いいえ」)
URLやファイル、貼り付けたテキストなどを扱うことができるCSSです。
宝くじポスト
オプションオプション: なし
クリーンなCSS
オプションのオプション (それぞれに対して [はい] または [いいえ] を選択できます):
セレクターを並べ替える
属性を並べ替える
セレクターとそのプロパティ (0、1、または 2) を最適化します。
短縮属性をマージする
セキュリティの最適化のみ
カラーを圧縮する
圧縮フォントの太さ
小文字セレクター
属性付きフォント (小文字または大文字)
不要なバックスラッシュを削除する
変換!重要なハック
最後のセミコロン”;”を削除します。
メモを保存する
無効なプロパティを削除します (CSS2.1、CSS2.0、または CSS1.0)
ファイルとして入力
ピンゲート
オプションのオプション (それぞれに対して [はい] または [いいえ] を選択できます):
長いカラー名を 16 進数に変換します
長い 16 進コードを短い 16 進コードに変換します
長い 16 進コードを色の名前に変換します
RGBを16進数に変換する
0 個のメトリクスを削除
同じルールをマージする
同じセレクターを結合する
プロパティを結合する
重複した属性を削除する
マージンとパディングから不要な値を削除する
統計を表示
カラー形式で出力
出力に最小サイズを使用する
PHPインサイダー
オプションオプション: なし
セブンフォーティ
オプション:
切り捨てオプション: 500、1000、1500、または 2000
このツールは YUI コンプレッサーに基づいていますが、 IE ハックは自動的に削除されます。開発者による説明では、IE ハックはメインの CSS ファイルに混在させるのではなく、単一のファイルに含める必要があるため、保守が困難になります。
ページ列
オプション: なし
推奨されるデスクトップ CSS 圧縮ツール
YUI コンプレッサーと TB コンプレッサー
YUI Compressor は、Yahoo フロントエンド チームによって開発されたフロントエンド コード圧縮ツールで、非常に強力です。 Java 実行環境が必要です。java コマンドを使用して CSS ファイルと JS ファイルを手動で圧縮することも、 ant を使用してコンパイル中にそれらをバッチで圧縮することもできます。
タオバオ フロントエンド チームの Yu Bo は、インストールとアンインストールが非常に簡単な、YUI コンプレッサーによってパッケージ化された Windows プラットフォーム圧縮ツールを使用しています。強力な YUI Compressor と同様に、TBCompressor は CSS を圧縮するだけでなく、JS も圧縮できます。
ここからダウンロードしてください。 TBCompressor – JS および CSS 圧縮ツールの詳細をご覧ください
さらに、Qu Chao 著「TBCompressor による CSS ファイルの圧縮プロセスの改善」を読むことをお勧めします。
Web 2.0 リソース最適化ツール
Delphi 7 を使用して中国人が開発したデスクトップ ツールも CSS と JS を圧縮できます。お勧めします。作者がプロジェクトのソースコードを公開したことにも言及する価値があります。
マージCSS
CSS Forest Webmaster Gui Ge が制作した AIR ベースのツールで、複数のファイルを結合したり、@import でインポートしたファイルを結合したりするなど、便利な機能がたくさんあります。詳しい紹介をご覧ください。
このツールの略語と属性の結合のサポートはあまり優れていないことに注意してください。これらのサポートを追加できればより良いかもしれません。
もう 1 つの非常に重要な点は、これまでのところ、Gui Ge はこのツールをリリースしていないということです。試してみたい場合は、彼に連絡してください。
ページ速度
Page Speed は、実際には Google によって開発された Firebug に基づく Firefox プラグインで、主に Web サイトのフロントエンドのパフォーマンスを分析するために使用されます。ただし、ページ速度分析結果リストの [CSS を縮小] オプションをクリックすると、CSS の圧縮率が表示されます。後で圧縮バージョンが提供されるので、クリックして表示できます。唯一の欠点は、圧縮をカスタマイズできないことです。
Web サイトがどんなに醜くても、GZIP はさまざまな種類のコードを圧縮するのに非常に便利なツールです。これは最も単純な圧縮方法ではないため、初心者にとっては少しわかりにくいかもしれません。 GZIP を使用してスタイルを圧縮する方法の詳細については、このチュートリアルを参照してください。
要約する
先ほども述べたように、これらの方法の中には過剰または無意味に見えるものもあります。重要なのは全体像を見ることです。これらの手法のいずれかが与える影響はほとんど無視できるかもしれませんが、これらの手法のいくつかまたはすべてを組み合わせると、CSS ファイルのサイズに大きな影響を与える可能性があります。