如图所示，图中蓝线表示DOMContentLoaded事件触发时经过的时间，DOM树构建花费的时间。

图中红线表示onload事件触发时经过的时间，也是所有的资源（图片等）下载处理完成的时间。

图中绿色的条表示等待服务器响应的时间；蓝色的条表示资源下载的时间。

由此可知，第一个蓝色条结束的位置，是HTML下载完成的位置。

由它到蓝色竖线之间的时间差是构建DOM树花费的时间。

也可知：图片不影响浏览器渲染；只影响onload事件。

最新文章

1. vuejs mvvm图解
2. [Unity3d]调试问题之UI/Image不显示
3. iOS 9后修改状态栏方法
4. ios - block循环引用Demo示例
5. [翻译]opengl扩展教程1
6. 汉企PHP开班
7. MongoDB数据库基本用法
8. php序列化，反序列化
9. JSF 2.0 + Ajax hello world example
10. C#_delegate和事件 - 如果金额小于0则触发事件
11. Atom编辑器入门到精通(二) 插件的安装和管理
12. Unable to run mksdcard SDK tool.
13. 线程间使用socket通信的计算器
14. Redis简介与简单安装
15. kindeditor编辑器，图片上传功能齐全
16. 在textarea的内容后面增加内容
17. sql server两种分页方法
18. APP导致界面卡死，iPhone卡死
19. mybatis 之 占位符#{} 和 ${}
20. Dynamics 365-如何利用Audit History还原被删除的数据

热门文章

1. 2018ACM-ICPC亚洲区域赛南京站I题Magic Potion(网络流)
2. 在被调用函数中获取资源及C++中的引用
3. hadoop 批量处理脚本编写
4. List、dictionary、hashtable、ArrayList集合
5. copy 合并
6. MLP神经网络实例--手写识别
7. 十年感悟之 python之路
8. vue组件中的data与methods
9. [转]大牛们是怎么阅读 Android 系统源码的
10. C++ 基础知识汇总 持续更新