インターネットの「渋滞」を解消せよ！SPDYが変えたWeb通信の歴史とHTTP/2への系譜

こんにちは！ネットワークの世界へようこそ。
普段私たちが何気なくブラウザでWebサイトを見ているとき、裏側では「パケット」という小さな手紙たちが、光の速さで世界中を飛び回っています。

しかし、かつてのWebには大きな悩みがありました。それが「HTTP/1.1の限界」です。今日は、Googleがその限界を打破するために生み出した「SPDY（スピーディ）」というプロトコルが、今の私たちの快適なネット環境をどうやって作ったのか、物語のように紐解いていきましょう。

—

1. 昔のWebは「一列に並ぶ郵便配達員」だった

HTTP/1.1の時代、ブラウザ（受け取り手）とサーバー（送り手）のやり取りは、非常に律儀でした。

例えば、Webサイトを表示するために「HTMLファイル」「画像ファイル」「CSSファイル」という3つの荷物が必要だとします。HTTP/1.1では、「1番目の荷物が届き終わるまで、2番目の荷物は受け取れない」というルールがありました。

これをネットワーク用語で「ヘッド・オブ・ライン・ブロッキング（先頭行での閉塞）」と呼びます。

郵便配達の例え

想像してみてください。狭い門の前に、大きなトラックが1台だけ停まっています。

1つ目の荷物を降ろすまで、後ろの荷物は一切出せません。
もし1つ目の荷物が重くて時間がかかっていたら、後ろの軽い荷物まで待たされてしまいますよね。

これが当時のWebサイト表示が遅かった最大の理由です。

—

2. Googleが放った革命児「SPDY」

この「一列に並ぶ問題」を解決しようと、2009年にGoogleが立ち上がりました。そこで生まれたのがSPDY（スピーディ）です。名前の通り、通信を「スピードアップ」させるための技術です。

SPDYが導入した画期的な考え方は、主に2つあります。

① 多重化（マルチプレキシング）：荷物をバラバラに届ける

SPDYは、「トラック1台」という制約を捨てました。1つの大きな通信路の中で、いくつもの荷物を「小さな断片」にして、同時に送受信できるようにしたのです。

これなら、重い画像をダウンロードしている最中でも、軽いテキストデータは先に届くことができます。まさに、「狭い門を、たくさんの小さな配達員が駆け抜ける」ようなイメージです。

② ヘッダー圧縮：手紙の封筒を小さくする

HTTPの通信には、毎回「どのブラウザを使っているか」「どの言語で見ているか」といった膨大な情報（ヘッダー）が付いてきます。これが毎回送られると、通信の無駄が非常に大きくなります。

SPDYは、この「封筒（ヘッダー）」を圧縮して、二回目以降は「前回と同じなら送らなくていいよ」という仕組みを導入しました。これにより、通信の「オーバーヘッド（余計な負荷）」を劇的に減らしたのです。

—

3. SPDYからHTTP/2へ、そして現代へ

SPDYの功績はあまりに大きく、やがてインターネット標準である「HTTP/2」のベースとなりました。今の私たちがHTTPS（暗号化された通信）で快適にWebサイトを見られるのは、SPDYが先陣を切って「多重化」の道を切り拓いてくれたからなんです。

開発現場で確認してみよう

現代のエンジニアとして、この「多重化」が動いている様子を見るには、ブラウザの「開発者ツール」を開くのが一番です。

1. ブラウザで適当なサイトを開く（Chromeなら `F12` キー）
2. 「Network（ネットワーク）」タブを選択する
3. 「Protocol（プロトコル）」という列を表示させる

ここに `h2` と書かれていれば、それはHTTP/2（SPDYの進化系）で通信が行われている証拠です！

// 例えば、Node.jsでHTTP/2サーバーを立てる際のイメージ
// ※詳細な実装はライブラリに依存しますが、概念はこれです
const http2 = require(‘http2’);

const server = http2.createSecureServer({
key: fs.readFileSync(‘localhost-privkey.pem’),
cert: fs.readFileSync(‘localhost-cert.pem’)
});

server.on(‘stream’, (stream, headers) => {
// ここで複数のストリームが同時に走る「多重化」が実現されています
stream.respond({ ‘content-type’: ‘text/html’, ‘:status’: 200 });
stream.end(‘

SPDYの意志を継ぐ、快適な通信の世界へようこそ！

‘);
});

server.listen(8443); // 8443ポートで待機

—

最後に：学ぶ楽しさを大切に

「ヘッド・オブ・ライン・ブロッキング」なんて難しい言葉も、こうして「郵便配達の渋滞」として捉えれば、少し身近に感じられませんか？

SPDYは単なる技術の名前ではなく、「どうすればもっと速く、快適に情報を届けられるか」というエンジニアたちの熱い執念そのものです。この情熱が今のインターネットを支えています。

次にWebサイトを開くとき、「今、パケットたちが整列せずに自由奔放に駆け回っているんだな」と想像してみてください。きっと、ネットワークの世界がもっと面白く見えてくるはずですよ！

それでは、また次回の記事でお会いしましょう。ハッピー・ネットワーキング！

【入門編】SPDYプロトコルの設計思想とHTTP/2への影響 – HTTPプロトコル・通信規格実践ガイド