このツールでできること
CSS Minifier は、まず CSS を解析して構文ツリーにし、次に構造をクリーンアップ、圧縮、最適化します。ファイル全体の危険な空白正規表現置換は行わないため、セレクター、宣言、文字列、関数コンテキストを区別できます。
- /*!ライセンスフォーム内のコメントは保持されます。
- 最新のセレクター、メディア クエリ、calc()、カスタム属性をサポートします。
- 解析エラーが表示されますが、古いエラー結果は出力されません。
使い方
- CSSを貼り付けます。
- 「CSSを圧縮」をクリックします。
- 圧縮結果と節約率を表示します。
- minified.css をコピーまたはダウンロードし、視覚的な回帰テストを実行します。
主な用途
- 本番環境のスタイルシートのサイズを最適化します。
- 無意味な空白や単純なコメントを削除します。
- 安全に最適化できる宣言と値を統合します。
CSS Minifierの機能
CSSO 構文ツリーを使用し、文字列、計算、カスタム プロパティのコンテキストを理解して CSS を圧縮します。日常的な開発、デバッグ、データの並べ替え、コードの最適化のシナリオに適しています。処理結果を直接閲覧、コピー、ダウンロードすることができます。
FAQ
CSSO はどのような最適化を行いますか?
冗長性を削除し、短い形式で表現できる値を短縮し、安全ルールに基づいて一部の宣言を再構築します。
カスタム属性は保持されますか?
はい。CSS カスタムプロパティもパーサーで処理されます。ただし、複雑なプロジェクトでは対象ブラウザーで最終的なスタイルを確認してください。
/* を保持する理由コメントは？
このタイプのコメントは、ライセンスまたは著作権表示によく使用され、現在の構成が保持されるように選択されます。