CSS 圧縮ツール
空白とコメントを取り除いて CSS を圧縮し、ファイルサイズを小さくします。
CSS 圧縮ツールについて
圧縮(ミニファイ)は、CSS の動作を変えずに、コメント、改行、インデント、冗長な文字など、ブラウザに不要なものをすべて取り除きます。ファイルが小さいほどダウンロードと解析が速くなり、CSS は描画をブロックするため First Contentful Paint の改善にもつながります。
CSS を貼り付けると、すぐに圧縮版が得られ、コピーやダウンロードができます。/*! で始まるコメント(多くはライセンス表記)は残されます。本番サイトでは、ビルドツールで自動化するか、CMS、キャッシュプラグイン、CDN に任せるのが最善です。
よくある質問
圧縮で CSS が壊れることはありますか?
通常はありません。このツールは空白とコメントを削除し、安全な短縮のみを行います。編集用に元のファイルは保管しておきましょう。
圧縮でどれくらい小さくなりますか?
転送時の圧縮前で通常 15~30% です。Gzip や Brotli と組み合わせると、さらに削減できます。
インライン CSS も圧縮すべきですか?
はい。インラインの <style> ブロックにも効果があり、特に <head> 内のクリティカル CSS で有効です。