无论是手机端还是 PC 端,画面的流畅度一直被用户视为衡量应用视觉体验的重要标准。用户往往通过主观感觉把视觉体验分为两种状态:
流畅视觉:行云流水,一气呵成;
非流畅视觉:“卡顿”、“抖动”、“迟钝感”;
而对开发者来说,FPS 通常作为衡量应用是否流畅的标准。
FPS 即 Frames per Second(每秒显示的帧数),用于测量显示帧数的度量。帧数为 0 说明页面处于静止,只要页面动起来,这个帧数就会有变化,然后再趋于静止,页面滚动起来帧数整体呈现 “非对称” 抛物线走势。接下来看一张图直观感受一下:
通过上图我们能看出 FPS 值的大小对画面流畅度的影响,每一帧都是静止的图像,快速连续地显示帧便形成了运动的假象,因此高帧率可以得到更流畅、更逼真的动画。
帧延迟的高低可以通过帧时间(Frame Time)来判定。我们参考显示器的 60Hz 刷新率进行计算,它意味着每秒刷新 60 帧,每帧大约用时 16.7 毫秒。画面中每帧生成时间如果与 16.7 毫秒很接近,那么全程画面的帧数就很稳定,更接近理想的 60 帧每秒。
如果每帧生成时间高于 16.7 毫秒,也就意味着渲染这一场景所花费的时间比其他帧更多,造成画面跟不上,进而带来显示卡顿。
举一个简单的例子,我们看到的早期动画片其实就是用一张张手绘图片连贯翻页制作而成的。当一张张独立图片切换速度足够快时,我们的眼睛就会以为这是连续的动作。反之,当图片切换速度不够快时,就会被人眼看出破绽,相应的视觉体验就是卡顿。
既然帧率的高低影响着用户对应用视觉体验的好坏,那作为开发者该如何进行应用的帧率测试?
华为终端开放实验室选取购物、实用工具、旅游住宿、社交通讯、影音娱乐等常见分类中的 TOP 应用采用以下方法进行 FPS 测试,测试结果显示,以下 TOP 应用的 FPS 都满足安卓绿色联盟帧率不小于 55fps 的性能标准,可见以下应用开发企业在为用户提供流畅视觉体验方面下足了功夫,给其他应用开发企业树立了良好的榜样,希望广大开发者一道,为更好的用户视觉体验不断努力!
测试环境:
硬件环境:Pixel 2 XL 4+64G
软件版本:Android 8.0
测试次数: 5 次取平均值
APP 帧率测试标准: 不小于 55fps
测试前提条件:手机 root,adb shell 手机连接正常
非游戏类应用帧率测试方案:
测试范围:购物类应用手机淘宝、京东、唯品会、网易严选;
实用工具类应用 QQ 浏览器、360 浏览器、UC 浏览器、百度;
旅游住宿类应用途牛旅游、飞猪、携程旅行、去哪儿旅行;
社交通讯类应用微博、MOMO 陌陌、微信、QQ;
影音娱乐类应用搜狐视频、爱奇艺、优酷、腾讯视频;
Tips:
实用工具类应用针对 “华为终端开放实验室 (https://deveco.huawei.com/)” 网站首页帧率信息进行统计;
购物、旅游住宿、社交通讯、影音娱乐类应用针对首页(跳过登录以及广告页面后的用户首个可滑动页面)进行帧率信息统计;
按照以下流程执行帧率信息收集和计算过程:
①页面滑动帧率收集:
②页面滑动帧率计算:
③非游戏类应用测试数据展示:
手机的 CPU 处理速率、屏幕尺寸、内存及显存的大小都影响着 APP 帧率的大小,这些因素在一定程度上约束着准备数据和数据传到屏幕的时间。再者,GUI 软件架构在一定程度上也影响着应用帧率的大小。
在同等机器环境下,除去 CPU、屏幕尺寸及系统 GUI 等固有数据传输耗时,要提升应用 FPS 就要减少视图渲染的时间。
通过以下几种方式可以有效提升应用 FPS:
1、尽量不要在刷新时做耗时操作,例如准备数据,创建图片,图片变换等,数据和图片都应该在之前就加载到内存中,图片变换用 canvas 的变换来实现。
2、同一个界面中多个动画重叠出现时,尽量将动画的刷新过程统一刷新,避免频繁的 invalidate,尤其是多个动画有时序上的关系时更应该统一。
3、尽量使用带有参数的 invalidate 来刷新,这样可以减少很多运算量。
欢迎有需求的小伙伴使用上述方法进行应用 FPS 测试,如果您有更好的解决方法与见解,欢迎在文章下方留言交流!后续我们将针对应用 FPS 情况进行重点分析,想了解应用 FPS 不同的原因么,想学习更多应用 FPS 优化的方法么?欢迎持续关注!
目前,华为终端开放实验室已上线 FPS 测试功能,欢迎广大应用开发者前来使用!
①登录 DevEco 平台进入 https://deveco.huawei.com/ ,登录账号,选择 “测试服务 - 云测试 - 性能测试”
②选择机型,点击 “立即体验”
③根据要求上传应用 APK,获取帧率测试结果。
如有疑问,可发送邮件至 deveco@huawei.com
关注安卓绿色联盟公众号回复关键词 “申请”,了解华为终端开放实验室免费云测申请流程。