关于微信小程序:微信小程序-Notes|记录一次使用-PerfDog-工具进行装模作样的测试FPS

52次阅读

共计 2120 个字符,预计需要花费 6 分钟才能阅读完成。

前言

日常开发中,总是防止不了各种测试。

对于大厂,会有业余的测试团队,业余的测试小姐姐粗疏、欠缺的测试每一个环节,尽可能保障每个业务流程都能残缺闭环,且经手的软件足以应答一些非凡场景。

针对小作坊,略微能够点的,也是有着测试童鞋的存在,惟一缺点是,测试小姐姐只是简略的进行人工流程一次次梳理、验证。只能说通过一次软件流程闭环,便是完满,而非凡状况时,还是比拟难堪的。

而小小小作坊,开发在日常开发工作中也占据了百分之九十的测试工作,甚至百分之百,针对这种状况,软件何谈品质?哎,也不能说的这么相对,只能是无奈更多一些吧,爱莫能助。

最近的小程序开发的差不多了,想起之前已经应用过的 PerfDog,这里进行测试一波,看看成果。

不求每篇文章都能有所播种,至多这篇文章中,你能够理解到如下内容:

  • FPS 是什么?以及 FPS 的局部延长。
  • PerfDog 简略应用,也就是如何在 iOS 上测试微信小程序?

记录测试,上传云端

因为目前公司装备的 Mac Pro 丐版,在装置了一部分工作软件后,已无更多空间,只能从新下载,再次体验,看看多日未见的 PerfDog,产生了哪儿些变动。(PS:说的就如同它更新货色,我会晓得一样,哈哈哈)

对于丐版 Mac 而言,小 200 MB 的工具,仿佛有点大了。

下载安装,注册账号登录,USB 连贯手机零打碎敲。

简略说下此页面的重点内容,如下图所示:

  • 区域一为各项指标对应检测到的数据展现;
  • 区域二为指标管制,你能够在这里勾选你关注的那些指标。(PS:话说这个按钮做的有些太不显著了)
  • 右上角播放按是开启 / 暂停录制测试数据并上传云端进行下一步剖析。

相熟微信小程序的小伙伴都晓得微信小程序基于 H5,所以微信小程序渲染 UI 是通过零碎浏览器 webkit 进行过程渲染。而 Android 和 iOS 两大平台实现形式则有肯定差别,官网注明,Android 平台是开启独立过程,而 iOS 则没有开启独立过程。

这里抉择测试利用时,须要先将小程序运行,随后在抉择测试利用中抉择开展 System Processes 并找到 com.apple.WebKit.WebContent 抉择即可,如下所示:

这里须要留神以下两点 (截取官网)

  • 如果没有 com.apple.WebKit.WebContent 这个选项,那么在微信中关上须要测试的小程序,之后在 system 中寻找并选中 com.apple.WebKit.WebContent 这个选项即可。
  • 如果有 com.apple.WebKit.WebContent 这个选项,那么记住他前面的数字,再在微信关上须要测试的小程序,抉择大于该数字的 com.apple.WebKit.WebContent 选中即可。

随后点击右上角播放按钮,筹备开始记录测试数据。操作实现再次点击播放按钮,上传云端。

最初点击顶部最右侧小云朵 icon,疾速关上云平台进行剖析。

云端剖析,定位问题

关上云平台,展现了一条咱们刚刚测试上传的后果,如下所示:

想为某个峰值较高的数据增加批注,双击设置即可。

如下这里截取我设置的我的项目中几个耗费性功能操作批注:

FPS 简略理解

FPS,全称 Frames per second,也就是每秒帧数的意思。

而平时咱们常刷的抖音小视频,或者某平台电影、连续剧,世纪都是由一幅幅图片组合造成的间断画面。也能够简略了解为,每一个图片也就代表了每一帧。

而人眼每秒可解决 10~12 个静止图像。所以,当在 12fps 或者更低的 fps 下,给咱们的感官则是一堆静止的图像。一旦画面播放速率达到每秒 16~24fps 时,给咱们的感官则是间断的场景了,也就是相似小视频等成果咯。

这里特意截取一老哥给的效果图,一起来感触下:

而在帧率中,常见的有如下几种:

  • 24fps
  • 30fps
  • 60fps

这几类别离有什么区别呢?

首先还是截取老哥的效果图,直观的感触下:

对于这几种 fps,艰深的了解就是每秒播放多少张图片,当然每秒播放的越多,出现的成果越细腻,感官更好。然而随之而来的体积问题,也是不容忽视的。

FPS 剖析

在 Android 里,满帧为 60 帧,计算每帧则是通过 1000/60 = 16.66,也就是说每帧低于 16 毫秒,则代表 App 运行晦涩,反之则代表卡顿。而 iOS 同理。

简略的理解了下 FPS 相干根底,回过头来看咱们的 App,最好的成果,最丝滑的 FPS 便是 60。至多看完我是这么了解的。

联合数据指标来看,百分之 18 的页面达到了 87.3fps,百分之 25 的页面达到了 84.5fps,而波及到地图以及加载超大图,整体的 fps 平均值则升高到了 41.2。。

因为目前演示版本,具体内容客户还未敲定,对于超多大图,看了下,45 张图片,优化计划,压缩试试吧。

而对于地图操作这块,临时未能有更好的解决方案,前期以观后效吧。

End

其实,如题目一样,称之为一次测试记录吧,仿佛有点太过于勉强。

想了又想,应该叫做测试首战,或者测试基础知识理解更为贴切吧。

一枚 Android 开发,尽管当初啥都干。非专业测试,心愿大佬多多指导~

有好用的测试平台记得留言哈~

参考资料

  • PerfDog
  • iOS 如何测试微信小游戏 & 小程序?
  • FPS 幀數是什麼?24fps、30fps、60fps 有什麼區別?
  • 4、APP FPS 测试
  • APP& 游戏须要关注 Jank 卡顿及卡顿率吗?
正文完
 0