使い方
- HTML を貼り付けるか、
.htmlファイルを開くか、サンプルから始めます。 - 入力すると圧縮された HTML が、圧縮前後のサイズとともに表示されます。
- コピーするかダウンロードするか、このページを公開 を押してオンラインで公開します。
削除されるもの
- コメントとタグ間の空白（インライン要素の間で表示される可能性がある場合は、スペースを 1 つ残します）。
- スクリプトの
type="text/javascript"やスタイルのtype="text/css"のように、デフォルトを繰り返すだけの属性。 - 長い doctype は
<!doctype html>に置き換えます。 - インラインの
<style>と<script>の内容は CSS と JavaScript として圧縮します。
<pre> と <textarea> の空白は保持されるため、ページの見た目と動作は変わりません。
効果はありますか？
Lobsite を含むほとんどのホストは、ブラウザに届く前に gzip や Brotli でページを圧縮しており、繰り返しの空白は非常によく縮小されます。その前に圧縮すると、通常さらに 5～15% 削減できます。特に効果があるのは、大きなページ、インラインの CSS と JavaScript が多いページ、そして何も圧縮されないメール内の HTML です。
よくある質問
圧縮でページが壊れることはありますか？
設定は保守的です。表示される可能性のある空白はスペース 1 つとして残し、省略可能な閉じタグや属性の引用符もそのままにします。構文エラーのあるインライン JavaScript はそのまま残します。公開前に HTML ビューアで結果を確認してください。
変更のたびに手動で圧縮すべきですか？
1 ページならここですぐにできます。頻繁に編集するサイトでは、ビルドツールに任せ（Vite、Astro、多くのジェネレーターが対応しています）、読みやすいバージョンをソースに保持してください。
どのミニファイアーを使っていますか？
html-minifier-terser を使い、インライン JavaScript には Terser を使っています。初めて圧縮するときに読み込まれ、その後はブラウザ内で実行されます。
HTML はアップロードされますか？
いいえ。圧縮はブラウザ内で行われ、Lobsite に送信されるのは このページを公開 を押した場合のみです。