js加载时间线

先把渡一公开课的拿过来


js加载时间线_第1张图片
image.png

先测试了一下


js加载时间线_第2张图片
image.png

事件触发顺序是这样的。

document.readyState会依次变化

  1. loading 正在解析
    2.interactive 解析完成 此时可以操作dom
    3.complete / loaded 加载完成 此时可以操作dom

DomContentLoaded 事件在 interactive 和complete之间触发 此时可以操作dom
window.onloaded 同样是加载完成, 似乎 onloaded事件在 complete之后触发。

所以理论上来讲,我们可以在 interactive 和 DomContentLoaded 时,
就可以操作(渲染)dom是最有效率的?
解析完就可以执行 js了。

JS

你可能感兴趣的:(js加载时间线)