公開前にHTMLを圧縮する

やりたいこと

きれいに整形されたHTMLはリクエストごとにコストを払います。テンプレの字下げ、本番では誰も読まないコメント。圧縮は目に届かないバイトを削り、マークアップの意味はそのままにします。

使い方

HTMLを貼り付けて圧縮します。前後のバイト数を表示し、結果をコピーするか.htmlを保存します。

• ブロック要素間の空白は消え、インライン要素間は表示が変わらないよう半角1つ残ります。
• script・style・pre・textareaの中身は意味があるためそのまま通します。

具体例

コメントブロックのある280バイトの手整形ページが205バイトになります。DOMは同じで、コメントとレイアウト要素間の字下げだけが減ります。

注意点

控えめな圧縮です。属性の書き換え、クラス名の短縮、JavaScriptの難読化はしません。旧IE向けの条件付きコメントは保持します。`white-space: pre`を付けた要素に依存するページはまだずれることがあるので、pre/textareaにするか公開前にテストしてください。