1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > Chrome开发者工具中的performance检测页面性能

Chrome开发者工具中的performance检测页面性能

时间:2019-07-01 12:48:01

相关推荐

Chrome开发者工具中的performance检测页面性能

主要有4方面:(对照下图)

1.控制按钮。

2.overview。页面性能的高级汇总(FPS:帧率,CPU:CPU占用,NET:网络请求)

3.火焰图。CPU堆叠追踪的可视化(左侧名称是主线程的各种事件,Network:网络请求详细情况)

4.数据统计。以图表的形式汇总数据(summary:统计报表,Bottom-Up:事件时长顺序,Call Tree:事件调用顺序,Event log:事件发生的先后顺序)

颜色表示:HTML 文件为蓝色,脚本为黄色,样式表为紫色,媒体文件为绿色,其他资源为灰色

做录制:

打开想要查看的页面,刷新页面,打开performance面板,点击Record按钮(当前面板左上角),开始录制,recod

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。