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

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

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繪製)。