浏览器中的performance检测页面性能

主要有4方面：（对照下图）
1.控制按钮。
2.overview。页面性能的高级汇总（FPS:帧率，CPU:CPU占用，NET:网络请求）
3.火焰图。CPU堆叠追踪的可视化（左侧名称是主线程的各种事件，Network:网络请求详细情况）
4.数据统计。以图表的形式汇总数据（summary:统计报表，Bottom-Up:事件时长顺序，Call Tree:事件调用顺序，Event log:事件发生的先后顺序）
颜色表示：HTML 文件为蓝色，脚本为黄色，样式表为紫色，媒体文件为绿色，其他资源为灰色

做录制：
打开想要查看的页面，刷新页面，打开performance面板，点击Record按钮（当前面板左上角），开始录制，recode按钮变为红色，执行页面交互，再次点击Record停止录制。完成录制后，开发者工具会猜测哪一部分记录最相关，并自动缩放到那一部分
查看结果：
2.overview窗格包含以下3个图表：
a.FPS。每秒帧数。绿色竖线越高，FPS越高。FPS图表上的红色块表示长时间帧，很可能会出现卡顿。
b.CPU。CPU资源。此面积图指示消耗 CPU 资源的事件类型
c.NET。每条彩色横杠表示一种资源。横杠越长，检索资