1、HTML的加載
HTML是一個網頁的基礎，下載完成后解析
2、其他靜態資源加載
解析HTML時，發現其中有其他外部資源鏈接比如CSS、JS、圖片等，會立即啟用別的線程下載。
但當外部資源是JS時，HTML的解析會停下來，等JS下載完執行結束后才繼續解析HTML，防止JS修改已經完成的解析結果
3、DOM樹構建
在HTML解析的同時，解析器會把解析完成的結果轉換成DOM對象，再進一步構建DOM樹
4、CSSOM樹構建
CSS下載完之后對CSS進行解析，解析成CSS對象，然后把CSS對象組裝起來，構建CSSOM樹
5、渲染樹構建
當DOM樹和CSSOM樹都構建完之后，瀏覽器根據這兩個樹構建一棵渲染樹
6、布局計算
渲染樹構建完成以后，瀏覽器計算所有元素大小和絕對位置
7、渲染
布局計算完成后，瀏覽器在頁面渲染元素。經過渲染引擎處理后，整個頁面就顯示出來