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进程：网页的渲染进程，负责页面的渲染工作，一般情况下每个页面是一个进程。