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