WEBサイトが表示される流れ
URLへアクセスしてからWEBページが画面に表示されるまで、 ブラウザ・DNS・サーバーがどのように連携しているのかを整理します。
WEBサイトは、ブラウザがアクセス先のサーバーを見つけ、 必要なデータを受け取り、それを読み取ることで画面に表示されます。
WEBサイトが表示されるまで
WEBサイトは、URLを入力した瞬間にそのまま画面へ表示されているわけではありません。
ブラウザがアクセス先を確認し、DNSを使ってサーバーを見つけ、 サーバーから必要なデータを受け取ったあと、 そのデータをブラウザが読み取って画面に表示しています。
URLへアクセス → DNSでサーバーを探す → サーバーからデータを受け取る → ブラウザがデータを読み取る → WEBページとして表示
表示される流れを順番に見る
ブラウザ・DNS・サーバーの役割
WEBページのデータを要求し、 受け取ったHTMLやCSSなどを読み取って画面に表示します。
ドメイン名から、 接続するサーバーのIPアドレスを調べます。
WEBサイトのデータを保存し、 ブラウザからの要求に応じてデータを配信します。
HTTPSの場合は安全な通信を行う
URLが「https://」から始まるWEBサイトでは、 ブラウザとサーバーの間の通信がSSL/TLSによって暗号化されます。
そのため、WEBサイトの表示だけでなく、 フォームへ入力した情報なども暗号化された状態で送受信されます。
1ページでも複数のデータを読み込んでいる
WEBページは、HTMLファイルひとつだけで表示されているとは限りません。
HTMLを読み込んだあとにCSS、JavaScript、画像、フォントなど、 ページに必要なさまざまなデータを追加で読み込むことがあります。
読み込むデータが非常に多かったり、 画像ファイルが大きかったりすると、 ページが表示されるまでに時間がかかる原因になります。
毎回すべてを読み込むとは限らない
ブラウザにはキャッシュ機能があり、 一度読み込んだ画像やCSSなどを一時的に保存することがあります。
次に同じWEBサイトへアクセスしたときに、 保存済みのデータを利用することで ページをより速く表示できる場合があります。
途中で問題が起きると表示されない
WEBサイトが表示されるまでには複数の仕組みが関係しているため、 どこかで問題が起きると正常に表示されないことがあります。
ドメインから正しいサーバーを見つけられない状態です。
サーバーが停止していたり、 正常にデータを返せない状態です。
HTML・CSS・JavaScriptなどに問題があり、 正常に表示できない状態です。
まとめ
WEBサイトは、ブラウザがURLをもとにアクセス先を確認し、 DNSでサーバーを見つけ、サーバーから必要なデータを受け取ることで表示されます。 ブラウザ・ドメイン・DNS・サーバーはそれぞれ役割があり、 それらが連携することでWEBページを閲覧できるようになっています。