perfomance record

chrome浏览器性能分析
第一行:显示了我们截屏的时间0-3200ms,也就是说我们大概录了3秒的时间
第二行:fps的帧率图,我们可以只观的看到帧率的变化
第三行:cpu使用率图,我们也可以只官的看到
第四行:net,这个忽略不说,应该是网络下载的消耗
第五行:这个是重点,frames,我们可以看到每一帧渲染的图片和它渲染的时间,我们可以一帧一帧的选中,然后在下面的summary中查看具体的消耗,其实我们比较关心的是cpu和gpu的消耗,这个都是一眼可以从summary中看到的,但如果要定位到每个函数,还得使用第六行
第六行:我们可以选中一帧的时间,来查看这一帧里函数的使用情况
第七行:raster
第八行:GPU的消耗,注意这里不仅仅指的是GPU渲染的消耗,还包括了CPU和GPU的交互成本,比如给shader变量赋值
第九行:这个其实就是明细,我们在上面八行中,五论选中哪一行的那个时间段,这里都会有具体的消耗明细
关于第九行:再说一下,sumary是以图的方式告诉你你当前的消耗,bottom_up意思是一些重要的函数调用的时间消耗

相关文章: