瀏覽器加載網(wǎng)頁時的過程是什么

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

2、解析頁面生成DOM樹，遇到css標簽或JS腳本標簽就新起線程去下載他們，并繼續(xù)構(gòu)建DOM。

3、下載完后解析CSS為CSS規(guī)則樹，瀏覽器結(jié)合CSS規(guī)則樹和DOM樹生成Render Tree。

4、注意：構(gòu)建CSS Object Model（CSSOM)會阻塞JavaScript的執(zhí)行。JavaScript的執(zhí)行也會阻塞DOM的構(gòu)建。JavaScript下載后可以通過DOM API修改DOM，通過CSSOM API修改樣式作用域Render Tree。每次修改會造成Render Tree的重新布局和重繪。只要修改DOM或修改了元素的形狀或大小，就會觸發(fā)Reflow，單純修改元素的顏色只需Repaint一下（調(diào)用操作系統(tǒng)Native GUI的API繪制）。