1. 首頁 > 生活經驗 > >

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

生活百科瀏覽器

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