HTML圧縮ツール（Minifier）

HTMLを圧縮すると、ブラウザが無視するコメント、インデント、ブロック要素間の改行、冗長な属性値が取り除かれ、ページのダウンロードと解析が少し速くなります。この圧縮ツールは、闇雲な検索置換ではなくマークアップをトークンに分解するため、<pre>と<textarea>内の空白はそのまま残り、インラインの単語間の空白1つは保たれ、引用符で囲んだ属性値が壊れることもありません。

使い方

1. HTMLのページまたは断片を貼り付けます。
2. 削除するものを選びます。コメント、余分な空白、冗長な属性、属性の引用符です。
3. 元の書式が必要な場合以外は、インラインCSSとJSONの圧縮をオンのままにします。
4. 圧縮したHTMLをコピーし、削減したバイト数を確認します。

計算式

削減率 % = (元のバイト数 − 圧縮後のバイト数) ÷ 元のバイト数 × 100

サイズはUTF-8のバイト数です。連続した空白は1つの空白になり、ブロックレベルのタグ（div、p、li、tdなど）の隣の空白と、head内の要素間の空白は、表示されないため削除します。select、svg、videoのようなインラインボックスの隣や、スクリプトと残すコメントの周りの空白は残ります。type="text/javascript"とtype="text/css"は既定値なので削除され、checked="checked"のような真偽値属性はcheckedになります。

計算例

25バイトの断片<p> + 改行 + a b + 改行 + </p> + 改行は、<p>a b</p>に圧縮されて10バイトになります。ブロックタグの隣の空白が消え、2つの単語の間の空白が1つにまとまり、60%削減されます。