HTMLコンプレッサー: HTML圧縮とgzipサイズ測定
HTMLコンプレッサーは、HTMLミニファイアーと同じ圧縮で貼り付けたHTMLを小さくし、ブラウザのネイティブなCompressionStreamで結果の実際のgzipサイズを測定します。元のバイト数、圧縮後、gzip後のバイト数を報告するため、圧縮前後のマークアップを比較し、CDNやウェブサーバーが送信する圧縮サイズを確認できます。コンパクトな結果をコピーする前に、利用可能な圧縮オプションを選択します。
HTMLコンプレッサーは、コンパクトなマークアップとその圧縮サイズを比較したい開発者向けの、ブラウザ内HTML圧縮・gzipサイズツールです。HTMLミニファイアーと同じ圧縮を適用し、ブラウザのネイティブなCompressionStreamを使って結果のHTMLの実際のgzipサイズを測定します。ツールは元のバイト数、圧縮後、gzip後のバイト数を表示します。
HTMLコンプレッサーを使うには、HTMLを貼り付けまたはドロップし、圧縮オプションを選んで、コンパクトな結果と測定値を確認します。圧縮段階はHTMLミニファイアーと同じ動作をし、gzipの測定はその圧縮後の結果に適用されます。3つのバイト数を比較することで、圧縮(minify)とgzip圧縮の違いがわかります。
HTMLはコンテンツを構造化するためのマークアップ形式であり、gzipは転送時のデータサイズを削減するための圧縮形式です。HTMLを圧縮すると、意味を変えずにマークアップをよりコンパクトにできます。gzipサイズを測定すると、CDNやウェブサーバーが送信する圧縮サイズがわかります。これらの数値は、開発者が圧縮後の出力とその圧縮転送サイズの両方を評価するのに役立ちます。
処理は完全にブラウザ上で実行されます。HTMLはお使いのデバイス上で処理され、サーバーにアップロード・保存・送信されることはありません。ページの読み込み後は、サーバーに依存しないためオフラインでも動作します。
HTMLコンプレッサーは、HTMLのサイズを確認したり、コンパクトなペイロードを用意したり、圧縮結果とgzip測定値を比較したりしたい開発者やDevOpsエンジニアに便利です。バイト数により、出力を利用する前に圧縮の効果を簡単に確認できます。
手順1: HTMLをツールに貼り付けまたはドロップします。HTML入力を受け付け、ブラウザ上で処理します。
手順2: 圧縮オプションを選択します。ツールはHTMLミニファイアーと同じ圧縮を適用します。
手順3: コンパクトなHTMLを確認し、元のバイト数、圧縮後、gzip後のバイト数を比較します。gzipの測定は圧縮後の結果に対して行われます。
手順4: コンパクトな結果をコピーして、プロジェクト、URL、ヘッダー、設定値で使います。
用途: 意味を変えずに出荷用にHTMLを縮小します。元のバイト数と圧縮後のバイト数を比較して違いを確認します。
用途: 圧縮前後のサイズと、それに伴うgzipサイズを確認して、圧縮する価値があるか判断します。
用途: より小さいペイロードが有用な場合に、URL、ヘッダー、設定値用にコンパクトなHTMLを用意します。
用途: 実際のgzip測定値を確認して、CDNやウェブサーバーが送信する圧縮サイズを見積もります。
用途: 結果の報告されるバイト数を比較して、選択した圧縮オプションの影響を確認します。
用途: 開発中にHTMLペイロードを評価する際、元のサイズ、圧縮後、gzip後のサイズをまとめて確認します。