參考《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進程:網頁的渲染進程,負責頁面的渲染工作,一般情況下每個頁面是一個進程。