HTML ミニファイア(HTML 圧縮)
圧縮結果
使い方
HTML を入力欄に貼り付けると、空白・改行・コメントが削除された圧縮版が出力されます。`<pre>`、`<script>`、`<style>`、`<textarea>` の内部はデフォルトで保持されます(中身が壊れないため)。圧縮前後のサイズと削減率も表示されます。
HTML 最小化とは
HTML はインデントとコメントが入った状態だと人間に読みやすいですが、配信時にはサイズの無駄になります。**ビルド時に圧縮することで転送量を削減**できます。本ツールは軽量実装で、JavaScript の値や CSS のセレクタなど壊れやすい部分は触らない安全側の実装になっています。本格的な最適化(属性の引用符削除、エンティティ最適化など)には html-minifier-terser を推奨。
活用シーン
- 静的サイトのデプロイ前に HTML サイズを削減
- メールテンプレートを最小化(メールクライアントの処理負荷を軽減)
- テンプレートエンジン(EJS、Handlebars)の出力を圧縮
- インライン HTML(data 属性等)に埋め込む前のサイズ削減
- 複雑な HTML を 1 行にまとめてログに残したい場合
プライバシー
圧縮処理はすべてブラウザ内で完結し、HTML がサーバーに送信されることはありません。社内テンプレートや個人情報を含む HTML を試す場面でも安全です。