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