Brotli圧縮とは何ですか？

Googleが開発した高圧縮率のデータ圧縮アルゴリズム。gzipより20〜30%高い圧縮率を誇り、Webのテキストリソース配信で広く使われている。

Brotli圧縮のポイントは？

gzipと比べてテキストファイルで20〜30%高い圧縮率を実現する。Content-Encoding: br でBrotli圧縮されたレスポンスを示す。HTTPS接続でのみ使用可能（HTTP/1.1の平文通信では非対応）。主要ブラウザすべてが対応しており、CDNでも標準的にサポートされている

【ブロトリあっしゅく】

Brotli圧縮とは？

💡 gzipの後継者——同じファイルをさらにギュッと小さくする圧縮技術

📌 このページのポイント

gzipと比べてテキストファイルで20〜30%高い圧縮率を実現する
Content-Encoding: br でBrotli圧縮されたレスポンスを示す
HTTPS接続でのみ使用可能（HTTP/1.1の平文通信では非対応）
主要ブラウザすべてが対応しており、CDNでも標準的にサポートされている

Brotliとgzipの圧縮率比較

ひよこ

gzipっていう圧縮はよく聞くけど、Brotliって何が違うの？

ペンギン先生

Brotliはgzipの後継として2015年にGoogleが公開した圧縮アルゴリズムだよ。HTML・CSS・JavaScriptなどのテキストファイルを、gzipより20〜30%小さく圧縮できるんだ。同じページでもダウンロード量が減るから表示が速くなるよ

ひよこ

なんでそんなに小さくできるの？

ペンギン先生

Brotliは事前定義の辞書を持っていて、HTMLタグやCSS プロパティなど、Webでよく使われる文字列パターンを効率よく圧縮できるんだ。「」とか「font-size」みたいな頻出パターンを短いコードで表現するイメージだね

ひよこ

gzipの代わりに全部Brotliにすればいいのかな？

ペンギン先生

BrotliはHTTPS接続でしか使えないという制約があるけど、今どきHTTPS化してないサイトはほぼないから問題ないね。ただしBrotliは圧縮に時間がかかるから、動的コンテンツには低い圧縮レベルを使うか、事前圧縮しておくのがコツだよ

ひよこ

自分のサイトがBrotli対応してるか確認できるの？

ペンギン先生

Chrome DevToolsのNetworkタブでレスポンスヘッダーを見て、Content-Encoding: brとなっていればBrotli圧縮されてるよ。CloudflareなどのCDNはワンクリックでBrotli対応できるし、NginxやApacheも設定で有効化できる。今やWeb配信の標準的な圧縮方式と言っていいね

まとめ：ざっくりこれだけ覚えればOK！

「Brotli」って出てきたら「gzipよりさらに小さく圧縮できるWeb向けアルゴリズム」と思えればだいたいOK！

📖 おまけ：英語の意味

「Brotli」＝スイスドイツ語でパンの一種

💬 Brotliはスイスドイツ語で小さなパンを意味する「Broti」が由来。Googleのスイスオフィスで開発されたからだよ

← 用語集にもどる

Brotli圧縮 とは？

Brotli圧縮とは？