CSSを縮小する

スペース、改行、インデント、コメントは人間にはスタイルシートを読みやすくしますが、ブラウザには必要ありません。CSSを貼り付けると、圧縮されたコードが入力と同時に表示され、バイト単位のサイズと削減量もわかります。取り除くのは、何も変わらない部分だけです。nav a のような子孫セレクタのスペースは、nava では別のセレクタになってしまうため残され、calc() に必要なスペースも残されます。ライセンスが書かれていることの多い /*! で始まるコメントも保持されます。

同じツールでHTMLとJavaScriptも圧縮できます。入力欄の上で言語を選んでください。HTMLでは、「コメントを削除する」でコメントが削除され、「内部の CSS と JavaScript も圧縮する」にすると、ページ内のスタイルとスクリプトのブロックも圧縮されます。JavaScriptはまずブラウザで検証され、コードにエラーがある場合は、圧縮せずにエラーが表示されます。コードの圧縮は、サーバーのgzipやBrotliによる圧縮に上乗せして効果があります。両者はファイルを小さくする仕組みが違うためです。コードはどこにも送信されません。