CSS ミニファイアとは？

無料のオンライン CSS ミニファイア。CSS コードを圧縮し、余分な空白とコメントを削除。

CSSファイルには、スタイルのレンダリングには影響しないのにファイルサイズを増やす、不要な空白・コメント・冗長なフォーマットが大量に含まれることがあります。CSS Minifierはこうした余分な内容を除去し、ファイルサイズを削減して本番ウェブサイトのページ読み込み時間を改善します。

ミニファイのプロセスでは、すべてのCSSコメント（/* ... */）を削除し、改行と余分なスペースを圧縮し、閉じ括弧の前の末尾セミコロンを除去し、セレクタ・プロパティ・値の周囲の不要な空白を取り除きます。結果のCSSは完全に機能します。すべてのセレクタ・プロパティ・値はそのまま残ります。ブラウザが解析中に無視するフォーマットだけが削除されます。

統計パネルには、元のCSSとミニファイ後のファイルサイズ、削減率、削減バイト数が表示されます。典型的な削減率は、元のCSSの書き方によって15〜40%です。ドキュメントコメントが多く、冗長なフォーマット、複数の空行があるファイルほど大幅に削減されます。ミニファイされたCSSは通常、連結（複数のCSSファイルを1つに結合）やサーバー側のGzip圧縮など、他の最適化と組み合わされます。

CSSをミニファイするのは本番デプロイのためだけにすべきです。開発中は、コメント付きの読みやすいフォーマットがデバッグやチームでのコラボレーションに不可欠です。このツールはビルドパイプラインの一部として、またはコードを開発から本番に移す際の一度きりの最適化として最適です。CSSのミニファイはロスレス操作であり、ミニファイ後のファイルは元のものと同一にレンダリングされます。