浏览器Performance性能监控使用详解

1.Performance

Performance 是 Chrome 开发者工具中的一个功能，用于记录网页从初始化到运行时的所有性能指标。

可把performance理解为对性能评估领域的一个接口，可以通过performance拿到很多性能上的参数，通过performance去定位哪里有问题，哪里有问题改哪里。

2.测试性能操作流程

1、在谷歌浏览器调式模式下（F12），切换到 Performance 选项卡。

2.点击刷新图标，重新加载页面，出现网页分析进度条。

3.停止后，会出现性能分析图

3.Performance检测结果详解

1.将整个Performance面板划分成 4 个区域

区域1：controls【控制栏】

1、录制、停止按钮可实时绘制一段时间当前页面时间轴的性能轨迹，时间为秒，停止后生成一张性能分析图。
2、屏幕快照选项，需要勾选才会出现屏幕快照截图（一般是默认勾选）

3、内存复选框：指标对应的时间资源状态。
这个折线图只有在点击 Main 主线程的时候才会有，选择其他的指标时折线图区域时空白。