最後に、ページコンテンツ、何が起こったかの真ん中をレンダリングするには、ブラウザからURLを入力してください?
1.ブラウザは、DNSサーバへのUDPパケットを送信し、URLを入力し、URLはIPアドレス(すなわち、IPサーバ)DNS経由して、バッファのIPアドレスに解決されます。
2.クライアント(ブラウザ)とサーバ側のTCPコネクション間で確立:TCPポストマンは、4つの事柄(ローカルIP、ローカルポート、サーバIP、サーバーポートを)知っている必要がありますので、今だけのローカルIPを知って、サーバーIP、2つのポートがどのように行うには?ローカルポートは非常に簡単ですその中でも、オペレーティングシステムがランダムに「周知の」ポートを使用して、より簡単に、ブラウザにサーバポートを1を割り当てることができ、HTTPサービスは80である(HTTPSサービスが443である)、私たちはライン上のTCPの郵便配達人に伝えます。次の3ウェイハンドシェイクの後、クライアントとサーバー側のTCPコネクションが設定されています!
3.ブラウザは、HTTPリクエストを送信します。
4. Webサーバーがブラウザに要求、およびHTTP応答(HTMLページ)を処理します。
ブラウザが再び要求を開始:このHTMLページの場合は、サーバー側でこれらのリソース、などJSファイル、CSSファイル、写真、などの他のリソースの多くを参照することができ、かつ、下記の別のドメイン名に配置することができます。だから、ブラウザは事は再びそれをやっ前であっても、最初からIPを取得するためにDNSを使用し、一つ一つをダウンロードしていました。
6.サーバは、JSを送信し、ブラウザにこれらのファイルをCSS、ファイルの有効期限が切れたとき(のCache-Controlや有効期限を使用して)ブラウザに指示すると、ブラウザがローカルにファイルをキャッシュすることができ、そのための第2のリクエストときに、ファイル、期限が切れていない場合は、直接その上にローカルテイクから。有効期限が切れた場合、ブラウザは、ファイルが変更されていない、サーバー側に求めることができますか?(サーバーによって送信され、最終更新およびETagのに基づいて)、及び(304を修正しません)変更されていない場合は、キャッシュを使用することもできます。それ以外の場合は、サーバーがブラウザに送り返さ最新のファイルが送信されます。
7.これで、ブラウザはすべてのリソースを持って-三つの重要な事柄を:
- HTML、ブラウザ、それはDOMツリーに解析しました
- CSS、ブラウザがCSSルールツリーにそれを解析し、
- JavaScriptが、それはDOMツリーを変更することができます
「ツリーをレンダリング」、いわゆるCSSルールによって生成されたブラウザDOMツリーとツリーは、位置/サイズ、レイアウトの各要素について計算した後、ペイントするオペレーティングシステムのAPIを呼び出しています。最後に、我々は、プレゼンテーションのページを見ることができます。
参考:
ホワイト科学:ページの最終コンテンツをレンダリングするためにブラウザからURLを入力して、何が起こったの真ん中?
最後に、ページコンテンツ、何が起こったかの真ん中をレンダリングするには、ブラウザからURLを入力してください?
終わり