ページが読み込ま - レンダリングプロセス

リソースのフォームをロード

• URLを入力します（またはジャンプページ）にロードするHTML
• リソースのHTML静荷重
• <script src="/static/js/jquery.js"></script>

リソース集中型のプロセスをロード

Q：入力したURLからHTMLの詳細なプロセスを取得します

• DNSサーバに応じて、ドメイン名のIPアドレスを取得するには、ブラウザ
• HTTPリクエストがマシンのIPを送信します
• サーバーは、受信処理され、httpリクエストを返さ
• ブラウザは、内容が取得返します

ブラウザのページレンダリングプロセス

• 構造に応じてHTML DOMツリーの生存
• CSSOM生成されたCSSによると、
• DOMとCSSOM統合された形RenderTree
• レンダリングを開始し、RenderTreeに応じて表示するためのブラウザ
• 遭遇し<script>、実行がブロックされ、レンダリングされます

Q：window.onloadとDOMContentLoaded

• window.onload - などの写真、ビデオ、など、実装されるページ終えロードのすべてのリソース、
• DOMContentLoaded - DOMを実行するために、完全なレンダリング、今回は写真、ビデオの読み込みが完了していない（jqueryの、zeptoはこの状況を利用している、DOMは、実装上で行わレンダリングないwindow.onload制御ので）