H5游戏调试技巧2

使用chrome调试h5游戏时,使用webgl inspector插件查看当前游戏的webgl运行时的纹理,shader及buffer情况,查看chrome的memory,使用memory的内存快照功能,看内javascript占用的内存,及shadow size和retained size的大小,

使用chrome的perfomance 记录游戏的cpu运行情况,函数调用的频率,fps情况等

FPS

FPS是用来分析动画的主要性能指标,如果能保持60FPS的话,则证明不错。主要包括以下几点

H5游戏调试技巧2_第1张图片

  1. 上面的绿色区域标识各个时段的FPS状态,一般来说,绿色长条越高,说明FPS越高
  2. 如果你在绿条上面发现一个红色的长条,说明该帧存在严重问题,可能会造成卡顿
  3. 你可以在下面查看各个区间的实际帧的值是多少

 

 

你可能感兴趣的:(cocos,creator)