1. 程式人生 > >瀏覽器載入頁面的過程

瀏覽器載入頁面的過程

 

 

開源瀏覽器一般以8k每塊下載html頁面。
1、然後解析頁面生成DOM樹,

2、遇到css標籤或JS指令碼標籤就新起執行緒去下載他們,並繼續構建DOM。

3、下載完後解析CSS為CSS規則樹,瀏覽器結合CSS規則樹和DOM樹生成Render Tree。


注意:構建CSS Object Model(CSSOM)會阻塞JavaScript的執行。JavaScript的執行也會阻塞DOM的構建。
JavaScript下載後可以通過DOM API修改DOM,通過CSSOM API修改樣式作用域Render Tree。
每次修改會造成Render Tree的重新佈局和重繪。只要修改DOM或修改了元素的形狀或大小,就會觸發Reflow,單純修改元素的顏色只需Repaint一下(呼叫作業系統Native GUI的API繪製)。

 

轉自知乎,以下為連結
連結:https://www.zhihu.com/question/30218438/answer/84704484