Critical Rendering Path
ブラウザが、HTMLドキュメントからページをviewportに表示するまでの過程のこと
ざっくり
HTMLのparse
DOMツリー
の構築
CSSOMツリー
の構築
JavaScript の実行
レンダリングツリー
の作成
レイアウトの生成
描画
Web BrowserのRenderingの流れ
https://developer.mozilla.org/en-US/docs/Web/Performance/Critical_rendering_path
https://web.dev/learn/performance/understanding-the-critical-path?hl=ja
https://web.dev/articles/critical-rendering-path?hl=ja
https://bitsofco.de/understanding-the-critical-rendering-path