网页生命周期

DOMContentLoaded

浏览器已经完全加载了HTML文件，并且DOM树已经生成好了。但是其他外部资源，如样式文件、图片、字体等并没有加载好,此时可以为这些DOM元素绑定事件，初始化接口等

document.addEventListener('DOMContentLoaded', ready)

window.onload

浏览器已经将所有的资源都加载完毕，可以正确读取页面中的资源。

unload

用户离开页面

Chrome DevTool中的load

• In Network tab, brief stats
• In Audits(lighthouse), user centric Metrics
• Performance Tab

windows.performance API

To get different statistics of page loading

https://juejin.im/post/59e49851f265da430b7a4bb8