DOMContentloaded和load的在开发者工具的时间显示问题

Question

为什么蓝色和红色线，对应的下面面板的DOMContentLoaded和load的时间不一致

Answer 1

DOMContentLoaded在HTML文档加载完后就会触发，而load要在这之后等样式、img之类的东西都加载完了才会被触发。详细的参考MDN吧。

Answer 2

DOM文档加载的步骤为

（1）解析HTML结构。
（2）加载外部脚本和样式表文件。
（3）解析并执行脚本代码。
（4）DOM树构建完成。//DOMContentLoaded
（5）加载图片等外部文件。
（6）页面加载完毕。//load

load是在DOMContentLoaded完成之后才执行的，时间不一致是正常的