HTML を ミニファイ
ブラウザで即座にHTMLコードを圧縮・最小化。コメント削除、空白圧縮でファイルサイズを削減。無料・プライベート。
HTMLファイルをここにドラッグ&ドロップ
.htmlおよび.htmファイルに対応。または上にHTMLを貼り付けてください。
ブラウザで即座にHTMLコードを圧縮・最小化。コメント削除、空白圧縮でファイルサイズを削減。無料・プライベート。
.htmlおよび.htmファイルに対応。または上にHTMLを貼り付けてください。
HTML 縮小化では、Web ページのソースから不要な文字 (タグ間の空白、コメント、冗長な引用符、オプションの終了タグ) を取り除き、ページのレンダリング方法を変更せずにファイル サイズを削減します。ページごとの節約効果はわずか (通常 10 ~ 30%) ですが、特に静的サイトや動的圧縮なしで提供されるページの場合、多くのリクエストにまたがって節約されます。
このミニファイアは、ブロックレベルの要素間の空白を削除し、重要でないテキスト内の一連の空白を折りたたみ、HTML コメント (IE の条件付きコメントを除く) を削除し、HTML5 仕様で許可されている場合は冗長な属性の引用符を削除し、仕様で許可されている場合はオプションの終了タグ (</p>、</li>) を削除します。結果は、どのブラウザでもソースと同じように表示されます。
縮小化は、サーバー レベルで gzip または Brotli 圧縮と組み合わせると最も役立ちます。圧縮によって縮小化による節約効果の多くはすでに失われていますが、この 2 つを組み合わせても、特に帯域幅のコストが重要となるトラフィック量の多いサイトでは圧縮単独よりも優れています。
HTML が小さいほど、特に低速の接続やモバイル ネットワークでの読み込みが速くなります。ページの重みは、Core Web Vitals に直接影響します。サーバーが解析に返す HTML が少なくなると、最大コンテンツフル ペイントと最初のバイトまでの時間の両方が向上します。 SEO ランキングが Core Web Vitals スコアに依存するサイトの場合、縮小は目に見える改善です。
縮小された HTML は、帯域幅コストも大規模に削減します。 1 日に 100 万ページを処理するサイトでは、1 ページあたり 10 KB の送信量が節約され、毎日 10 GB の送信量が節約されます。データ転送によって課金される CDN から提供される静的サイトの場合、その影響はさらに大きくなります。
HTML を貼り付けて、縮小版を取得します。
ミニファイアは HTML トークンをトークンごとに処理します。ブロックレベル要素間の空白 (<div>、<p>、<ul>) はレンダリングに影響しないため、削除されます。インライン コンテキスト (<span>、<a>、テキスト コンテンツ) 内の空白は、レンダリングに影響を与える可能性があるため、保持されます。
デフォルトではコメントは削除されますが、条件付きコメント (<!--[if IE]>) は保持されます。 HTML5 パーサーが許可する場合、属性の引用符は削除されます。スペースや特殊文字を含まない単一単語の属性値では引用符を省略できます。
HTML5 仕様に従って、オプションの終了タグは省略されます: </p>、</li>、</td>、および他のいくつかのタグは、終了を暗示する兄弟が後に続く場合は省略できます。これは読みにくいですが、ブラウザが同様に解析する有効な HTML5 です。