當前位置:趣味科普網>經驗>

瀏覽器載入網頁時的過程是什麼

經驗 閱讀(2.68W)

瀏覽器載入網頁時的過程是什麼

1、開源瀏覽器一般以8k每塊下載html頁面。

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

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

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