1 Performance
1.1 打开开发者工具（cmd+shift+c）
1.2 打开Performance面板，点击录制按钮（开始录制）
在这里插入图片描述
1.3 刷新页面，再次点击录制按钮（结束录制）
录制按钮高亮，表示录制中，再次点击即可结束录制（也可点击Stop按钮，效果相同）
在这里插入图片描述
1.4 打开Summary，查看页面渲染过程属性
在这里插入图片描述
2 Network
2.1 打开Network面板，刷新页面
面板底部会有与页面加载相关的属性
Finish：表示页面中最后一个请求的截止时间。
DOMContentLoaded：表示dom内容加载并解析完成的时间，即白屏时间。
Load：表示页面中所有资源（图片、音/视频等）加载完成的时间。
在这里插入图片描述
