無料のオンラインCSSミニファイ/フォーマッター

Input data
bfotool loadding
Output data
bfotool loadding

 

CSSミニファイツール

CSSを縮小すると、作成した美しく整形されたCSSコードが取得され、スペース、インデント、改行、コメントが削除されます。これらの要素は、CSSを正常に使用するために必要ではありません。また、CSSが読みにくくなります。

多くの開発者の「ベストプラクティス」は、「美化された」バージョンを維持することであり、プロジェクトを展開するときに、ミニファイプログラムを通じてスタイルを実行します。また、多くのスタイルファイルを1つのファイルに結合します。

 

なぜCSSミニファイアを使用するのですか？

ミニフィケーションの目的は、Webサイトの速度を上げることです。最小化すると、スクリプトが最大20％小さくなり、ダウンロード時間が短縮されます。一部の開発者は、コードを「難読化」するためにも使用します。これにより、コードの読み取りが困難になり、リバースエンジニアリングやコピーが困難になります。

 

CSS最小化の例

前：

.headbg{
    margin:0 8px 
}
a:link,a:focus{
    color:#00c 
}
a:active{
    color:red 
}

後：

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }