Browser(Webkit)查漏補缺

參考《Webkit技術內幕》

 

1、Onload與DomContentLoad

Onload是dom構建完成加上css/img/js等資源全部加載

DomContentLoad是dom構建完成

 

2、資源加載到渲染顯示

(1),url到dom樹

(2)、DOM樹到繪圖上下文

(3)、繪圖上下文到顯示

 

3、chrome表示資源加載過程

network工具中第一條線表示DOM加載完成,第二條線表示資源加載完成

4、資源加載特點:

(1)、順序加載,從html上到下。

(2)、異步加載,某一個資源阻塞了,下一個請求也會發出去。

(3)、CSS樹構建完成後纔開始渲染

(4)、JS執行會阻塞CSS樹構建,所以會影響渲染時間。所以一般將js放在文檔最後,這樣就是CSS加載完後直接開始渲染,然後加載到JS時因爲CSS已經構建完成了所以不會影響渲染了。

 

5、對於Chromium來說,有多種進程,主要包括:

Browser進程:瀏覽器的主進程,管理各個頁面,瀏覽器界面的顯示,是其他進程的祖先。

Render進程:網頁的渲染進程,負責頁面的渲染工作,一般情況下每個頁面是一個進程。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章