gzip・Brotliとは？転送を軽くする圧縮の仕組み

gzipとBrotliは何をしているのか

gzipとBrotliは、いずれもデータを小さくまとめて送るための圧縮アルゴリズムです。HTMLやCSS、JavaScriptのようなテキストは、同じ単語やタグの繰り返しが多く含まれます。圧縮はこうした繰り返しを短い符号に置き換えることで、元の内容を保ったままサイズを縮めます。

送られたデータはブラウザ側で元に戻され（展開され）、画面に表示されます。利用者から見れば普段と変わらないのに、ネットワークを流れるデータ量だけが減っている、というのが圧縮の効果です。

gzipは長く使われてきた定番で、ほぼすべての環境が対応しています。Brotliはより新しく、特にテキストの圧縮率でgzipを上回ることが多い方式です。

なぜ転送が軽くなると表示が速くなるのか

Webページの表示速度は、データがネットワークを通り終わるまでの時間に大きく左右されます。同じ内容でもファイルが小さければ、通信にかかる時間が短くなり、画面に出るまでが速くなります。

特に通信が不安定な環境やモバイル回線では、わずかなサイズ差が体感に効きます。圧縮は、コンテンツの中身を変えずに「送る量」だけを減らせるため、表示改善の基本的な手段として広く使われています。

実務ではどこで関係する？

gzipは言葉の意味だけ覚えても、HTML共有の判断にはつながりません。実務では「表示に関係する話か」「検索に関係する話か」「アクセス制限に関係する話か」を分けて考えると整理しやすくなります。

gzip・Brotliについて迷ったら、相手が安全に開けるか、検索に出してよいか、ブラウザや環境差で壊れないかを順番に確認します。用語理解は、その判断を早くするための道具として使います。手順が決まったら、HTML/ZIPをアップロードして共有URLを発行し、相手に確認してほしい観点と期限を添えて送ります。

• 表示の話: HTML/CSS/JS、パス、ブラウザ互換性を確認する
• 検索の話: noindex、canonical、sitemap、robots.txtの役割を分ける
• 制限の話: URL共有、パスワード、メール認証、会社ドメイン認証を混同しない
• 運用の話: 期限、差し替え、削除、共有メッセージまで決める

圧縮が効くファイル・効きにくいファイル

圧縮が大きく効くのは、文字の繰り返しが多いテキスト系のファイルです。具体的にはHTML、CSS、JavaScript、JSON、SVGなどが代表例です。これらは圧縮で数分の一にまで縮むこともあります。

一方で、JPEGやPNG、WebPといった画像、MP4などの動画は、それ自体がすでに圧縮された形式です。そのためgzipやBrotliを重ねてもほとんど小さくならず、無理にかけると逆に処理だけが増えます。一般に配信側ではテキスト系だけを圧縮対象にする設定がよく使われます。

圧縮が使われているか確認する手順

自分が見ているページで圧縮が効いているかは、ブラウザの開発者ツールから確認できます。やり取りされるHTTPヘッダーを見ると、どの方式が使われたかが分かります。

1. ブラウザでページを開き、開発者ツール（多くはF12キー）を起動する
2. 「Network（ネットワーク）」タブを開いた状態でページを再読み込みする
3. 一覧からHTMLやCSSなどのファイルを選び、ヘッダー情報を表示する
4. レスポンスヘッダーの content-encoding を確認し、gzip や br（Brotli）の表記があるか見る
5. リクエストヘッダーの accept-encoding には、ブラウザが対応する方式が並んでいることを確認する

圧縮はあくまで配信側の最適化

gzipやBrotliは、サーバーやCDN（配信網）が送り出すときにかける処理であり、コンテンツ制作者が一つひとつのファイルを手作業で圧縮するものではありません。配信環境が対応していれば、ブラウザが対応方式を伝え、自動的に最適な圧縮で届けられます。

つまり、表示を速くしたい場合は「どの配信環境を使うか」が効いてきます。圧縮とあわせて、近い拠点から配るエッジ配信などが組み合わさることで、体感速度が決まります。

確認用の一時共有での活用

作ったHTMLやサイトの表示確認を相手に共有する場面では、配信が速いほどレビューがスムーズです。ギガサイト便は、HTMLやCSS・JS・画像を含むZIPをドロップするだけで共有URLを発行でき、CDNのエッジ配信で表示が速いため、こうした圧縮・高速配信を意識せずに済む一時共有の選択肢になります。