HTMLミニファイアーとは?
HTMLミニファイアーは、不要な空白、コメント、省略可能な閉じタグ、冗長な属性を削除してHTMLドキュメントのサイズを縮小します。ページ配信の高速化と帯域幅消費の削減を実現します。
使い方
- HTMLマークアップを入力欄に貼り付けます。
- 「圧縮」ボタンをクリックしてHTMLを圧縮します。
- 圧縮された出力をウェブプロジェクト用にコピーします。
基礎知識
HTML圧縮は、コメント削除、タグ間の空白統合、省略可能なタグ(</p>や</li>の閉じタグなど)の削除、デフォルト属性値の除去、ブール属性の短縮を行います。CSSやJSの圧縮と異なり、<pre>や<code>要素内の空白敏感なコンテンツを変更しないよう注意が必要です。
よくある質問
HTML圧縮でページレイアウトに影響はありますか?
通常は影響ありません。ただし、インライン要素間の空白削除により影響を受ける場合があります。インラインやinline-block要素間のスペースに依存するレイアウトは十分にテストしてください。
安全に削除できる省略可能なタグは?
HTML5では<p>、<li>、<td>、<th>などの閉じタグを省略できます。<html>、<head>、<body>タグ自体も技術的には省略可能です。
一般的なサイズ削減率は?
HTML圧縮は通常10-30%の削減を達成します。コメントや空白の量に依存します。