CSS Minifier (圧縮)
CSSを軽量化してパフォーマンス向上
元のサイズ0 B
圧縮後0 B
削減率-0.0%
実際の使用例
基本的な圧縮
空白、改行、コメントの削除
INPUT
body {
color: red;
/* comment */
}OUTPUT
body{color:red}よくある質問
いいえ、動作は変わりません。人間にとって読みやすい空白やコメントを削除するだけなので、ブラウザにとっては同じ意味を持ちます。
「Unminify(整形)」ツールなどを使えばある程度読みやすく戻せますが、削除されたコメントは元に戻りません。必ず元のファイルはバックアップを取っておくことをお勧めします。
役立つTips
SEO効果
CSSファイルのサイズを小さくすることで、ページの読み込み速度(PageSpeed Insightsのスコア)が向上し、SEOに良い影響を与える可能性があります。
本番環境での利用
開発中は読みやすいフォーマットで作業し、サーバーにアップロードする直前にMinifyするのが一般的なワークフローです。