ウェブサイトを開くと、内部で正確に起こることがあります-jsチュートリアル-php.cn

ウェブサイトを開くと、内部で正確に起こることがあります

Linda Hamilton

リリース： 2025-01-26 16:34:12

オリジナル

697 人が閲覧しました

When You Open a Website What Exactly happens Internally

Web ページの読み込みプロセスを理解する

amazon.in などの Web サイトにアクセスするには、ブラウザと Web サイトのサーバー間の複雑な相互作用が必要です。このプロセスを段階的に見てみましょう。

1. URL の入力と検証:

「amazon.in」と入力して Enter キーを押します。ブラウザはまず URL を検証し、正しいプロトコル (http:// または https://) であることを確認します。欠落している場合は、デフォルトで https://.

になります。

2. DNS 解決:

ブラウザにはサーバーの IP アドレスが必要です。 DNS ルックアップを実行します:

キャッシュをチェックして最近の解像度を確認します。
見つからない場合は、オペレーティングシステムのキャッシュを確認します。
最後に、DNS サーバー (ISP または Google の 8.8.8.8 などの公共サーバー) にクエリを実行して、IP アドレス (例: 54.239.33.123) を取得します。

3. TCP 接続:

TCP を使用して安全な接続が確立されます:

4. TLS/SSL ハンドシェイク (HTTPS 用):

HTTPS (ほとんどのサイトのデフォルト) の場合、暗号化が設定されます:

5. HTTP リクエスト:

ブラウザは HTTP(S) リクエストを送信します:

メソッド: 通常、Web ページを取得するには GET を使用します。
ヘッダー: ブラウザの種類、言語設定、Cookie、キャッシュされたデータを含むメタデータ。リクエストのサンプル:
```
<code>GET / HTTP/1.1
Host: amazon.in
User-Agent: Mozilla/5.0</code>
```
ログイン後にコピー

6.サーバーの応答:

Amazon サーバーはリクエストを処理し、次のものを送り返します。

7.クライアント側レンダリング:

ブラウザは Web ページをレンダリングします:

HTML 解析: HTML は DOM (Document Object Model) ツリーに解析されます。外部リソース (CSS、JS、画像) が識別されます。
CSS 解析: CSS ファイルがフェッチされて解析され、CSSOM (CSS Object Model) が作成されます。
JavaScript の実行: JavaScript ファイルがダウンロードされ、実行されます (async または defer が使用されない限り、順序は重要です)。 JavaScript は DOM と CSSOM を動的に変更できます。
レンダーツリー: DOM と CSSOM を組み合わせてレンダーツリーを作成し、表示される内容を決定します。
レイアウトとペイント: 要素の位置とサイズが計算され、ページが画面上にレンダリングされます。