CSSO（CSS Optimizer）-構造的なCSSの最小化

CSSO（CSS Optimizer）は、テキストをできるだけ少なくするために、構造を変更せずに最小化と構造の最小化の両方を実行するCSSミニマイザーです。

CSSOはJavascriptで記述され、ブラウザとコマンドラインの両方で実行されます（NodeJSを使用）。

MITライセンスの下で配布されます。

何ができる

構造を変更しない最小化：

• 空白の削除
• 末尾の「;」の削除
• コメントを削除する
• 間違った文字セットを削除してインポートする
• エラーのあるアイテムを削除する
• 色の最小化
• 最小化0
• マージンとパディングの最小化
• 複数行の文字列を単一行にマージします
• フォント重量の最小化

構造の変更による最小化：

• 同じセレクターでブロックをマージする
• 重複するプロパティを削除する
• 別のブロックでのプロパティの部分的な割り当て
• 部分ブロックマージ

どこで見つけるか

参照：

• テストとサンプルのWebインターフェイス： anotherfelix.com/csso/web/csso.html
• ソースコードリポジトリ： github.com/afelix/csso
• インストールガイド： github.com/afelix/csso/blob/master/README.md
• CSSの最小化の説明： github.com/afelix/csso/blob/master/MANUAL.ru.md

注意 ：プロジェクトはベータ版であり、欠陥やエラーが含まれている場合があります。 ほとんどの場合、Webインターフェイスのリポジトリとホスティングアドレスは将来変更されます。 この発表の目的は、初期段階で新しいCSSミニマイザーを一般に周知し、フィードバックを収集し、欠落しているエラーを修正し、ユーザーにとってCSSOをより便利にすることです。

別のミニマイザーを選ぶ理由

最新の人気のあるミニマイザー （ YUICompressorなど）のほとんどは、分析および構造分析なしの最小化です。 大まかに言って、正規表現のセットはXをより小さいYに置き換えます。



例：

.test { color: red }

.test { color: green }







regexp'amiの処理：

.test{color:red}.test{color:green}







構造最小化処理：

.test{color:green}







これが違いです。 また、小さくて手動で最小化されたCSSでメリットがそれほど明白でない場合、自動作成されたスタイルシートでは、キロバイト単位で利益が得られます。



PS。 ロシア語のドキュメントとJsDoc。 英語があります。