Parse(BrowserRendering)
from
Web BrowserのRenderingの流れ
DOMツリー
を作る
OM=Object Model
DOMツリーの解析中に、
<link>
、
<script>
、
<img>
などがある場合は、リソースを取得する必要があるためrequestを投げる
CSSOMツリー
を作る
当たり前だが、cssファイルを受け取ってから
レンダリングツリー
を作る
DOMツリー
と
CSSOMツリー
を組み合わせて作る
DOMツリー
の構築中に
Scripting
が始まると、DOMツリーの方の解析はブロックされる
GoogleSEO:Eliminate render-blocking resources
の話に繋がる
CSSOMツリー
の構築中にJSがloadされても、構築が終わるまで
Scripting
は始まらない