<ol><li>根据 HTML 代码生成 DOM Tree；</li><li>根据 CSS 生成 CSSOM（CSS 对象模型）；<br></li><li><span style="font-size: inherit;">将 DOM Tree 和 CSSOM 整合成 Render Tree（渲染树）；<br></span></li><li>根据 Render Tree 渲染页面；<br></li><li>如果遇到 <script> 则暂停渲染，优先加载并执行 JS 代码，完成后再继续（JS 和 DOM 渲染共用一个线程）；</li><li>直至渲染完 Render Tree。</li></ol>
为何建议把 css 放在 head 中？<br>把 css 代码在 DOM 树生成完成之前加载，避免重新渲染页面。<br>
为何建议把 js 放在 body 最后?<br>js 可能会阻断渲染进程，使得页面渲染时间过长，从而影响页面加载速度。<br>
图片的加载不会阻塞 DOM 渲染
