ウェブアドレスを入力すると何が起きるのか？　ページの旅を 5 つのステップで

Enter キーを押してからページが現れるまで、かかる時間は 1 秒未満。しかしその間に、実にたくさんのことが起きています。この旅を理解すれば、コードを一行も書かずに、ドメイン名、ホスティング、HTTPS、サイトの速さが一度に理解できます。5 つのステップを、順にご紹介します。

ステップ 1：サーバーの住所を探す（DNS）

あなたは mycompany.jp と入力します。ブラウザはそれがどこにあるか知りません。インターネット上では、機械は数字の住所（「IP アドレス」、たとえば 15.237.40.212）で見つけられるからです。そこでブラウザは電話帳である DNS に、この名前の裏にどの住所があるかを尋ねます。答えは数ミリ秒で返ってきます。多くの場合、他の誰かのためにすでに問い合わせ済みだった、自宅のルーターや通信事業者のメモリからです。

ここが、ドメイン名が唯一の役割を果たす場面です。電話帳の中の一行が、「この名前はこの住所にある」と告げます。この行が欠けていたり間違っていたりすれば、旅はここで終わり、「サイトが見つかりません」というメッセージが表示されます。

ステップ 2：接続を確立する

住所を手にしたブラウザは、サーバーの扉を叩きます。二つの機械は、どのように会話するかを取り決めます。これが「ハンドシェイク」です。このステップは物理的な距離に左右されます。東京のサーバーは大阪からの訪問者に十数ミリ秒で応答しますが、カリフォルニアのサーバーなら百ミリ秒ほどかかります。往復は一回一回が積み重なり、しかも何度も行われます。

ステップ 3：会話を保護する（HTTPS）

内容を一切やり取りする前に、サーバーは証明書を提示します。自分が確かに mycompany.jp のサーバーであるという証明です。ブラウザはそれを検証し、次に両者は他の誰も知らない暗号鍵を取り決めます。ここから先、流れるものはすべて中継者には解読できません。これが鍵マークです。初心者のための HTTPS 入門で、このステップを詳しく説明しています。

ステップ 4：ページを要求し、受け取る

ブラウザはようやく要求を送ります。「トップページをください」。この瞬間にサーバーが何をするかが、サイトの速さの大部分を決めます。

静的サイト	ページはすでにファイルとして存在します。サーバーはそれを読んで送るだけ。数ミリ秒です。
動的サイト（CMS）	ページはその場で作られなければなりません。サーバーはプログラムを起動し、データベースに問い合わせ、結果を組み立ててから送ります。負荷と拡張機能の数によって、数十ミリ秒から数秒までかかります。

ページはテキスト、つまり HTML の形で届きます。HTML は構造を記述します。見出し、段落、ここに画像、あそこにボタン。しかし画像そのものも、フォントも、装飾も含んでいません。それらを参照しているだけです。

ステップ 5：組み立てて表示する

ブラウザは HTML を読み、足りないものをすべて発見します。スタイルシート、フォント、一枚一枚の画像、一つ一つのスクリプト。それらの要素（多くの場合、何十個も）を一つずつ取りに戻り、届いたそばからページを描き始めます。ページが最初は画像なしで表示されたり、仮のフォントで表示されたりするのはこのためです。

この最後のステップが、遅いサイトの大半を説明します。原因はサーバーではなく、取りに行くものの重さと数です。スマートフォンで撮った 5 MB の写真をそのままページに置けば、それだけで他のすべてを合わせたより重くなります。サイトが遅い理由で、この点を改めて取り上げています。

Leopar があなたのためにすること

この旅の各ステップは、すべて引き受けられています。ドメイン名は登録され、A レコードは設定済み（ステップ 1）、サイトはヨーロッパのサーバーから配信され（ステップ 2）、HTTPS は有効化され自動更新され（ステップ 3）、ページは問い合わせるデータベースのない、そのまま配信される静的ファイルであり（ステップ 4）、写真は原本ではなく必要なサイズで届けられます（ステップ 5）。

言い換えれば、速いサイトを手にするためにこの旅を理解する必要はありません。でも今では理解したのですから、なぜ速いのかもおわかりでしょう。ウェブホスティングをやさしく解説では、サーバーそのものについてもう少し掘り下げています。

よくある質問

なぜ 2 回目の訪問は 1 回目より速いのですか？
ブラウザは、すでに受け取った画像、フォント、スタイルをメモリ（「キャッシュ」）に保持します。2 回目の訪問では、HTML だけを要求すれば済みます。

私のサイトは物理的にどこにあるのですか？
サーバー、つまりデータセンターの中で常時稼働しているコンピューター上にあります。その場所は速さに影響します。訪問者と同じ地域にあるサーバーが望ましく、たとえばヨーロッパの訪問者にはヨーロッパのサーバーが向いています。

「404 エラー」や「500 エラー」とは何ですか？
ステップ 4 でのサーバーの返答です。404：要求されたページが存在しない。500：サーバーがページを作ろうとして失敗した。動的サイトによくある現象で、静的サイトでは起こりえません。

これはスマートフォンでも同じように起きるのですか？
まったく同じ流れです。ただし接続はしばしば不安定で、往復一回ごとのコストが高くなります。だからこそ軽いページが大切なのです。