盘点20款主流应用FPS,最Skr帧率测试方法都在这里!

???无论是手机端还是PC端,画面的流畅度一直被用户视为衡量应用视觉体验的重要标准。用户往往通过主观感觉把视觉体验分为两种状态:

流畅视觉:行云流水,一气呵成;

非流畅视觉:“卡顿”、“抖动”、“迟钝感”;

而对开发者来说,FPS通常作为衡量应用是否流畅的标准。

一、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

影音娱乐类应用搜狐视频、爱奇艺、优酷、腾讯视频

注意:

实用工具类应用针对“华为终端开放实验室(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,获取帧率测试结果。

?

如有疑问,可发送邮件至[email protected]

*本报告最终解释权归华为所有。

DevEco 云测平台已开放能力概览

?

云测试:

兼容性测试——全自动化验证,保证应用无兼容性死角

稳定性测试——基于控件识别技术的随机遍历测试

性能测试——深入分析应用性能薄弱点

功耗测试——检测影响手机应用功耗的各项关键指标

安全测试——进行广告拦截、病毒扫描、安全漏洞分析和隐私泄露分析

云调试:

远程真机——华为全机型+谷歌原生真机,7*24小时在线

功能测试:

录制回放——解决应用功能逻辑测试诉求

*以上内容都已面向安卓绿色联盟会员免费开放,可登录deveco.huawei.com使用体验。

原文地址:https://www.cnblogs.com/huaweiopenlab/p/9456529.html

时间: 2024-10-18 14:51:09

盘点20款主流应用FPS,最Skr帧率测试方法都在这里!的相关文章

程序员编程利器:20款最好的免费的IDEs和编辑器

程序员编程利器:20款最好的免费的IDEs和编辑器 还没转眼明年可就大年三十了,忙的可真是晕头转了个向,看着亲朋好友们那让人欣羡的小肚腩,不禁感慨,岁月是一把猪饲料,绿了芭蕉,肥了那杨柳小蛮腰,可怜我“太挑食”,身为纯正的吃货却没有与吃货相称的体重(话说路飞的体重也和他的吃货属性不匹配啊喂!).趁着过年之际,各种红包层出不穷,什么微博红包.QQ红包.微信红包.支付宝红包等等等等,一个字:真俗!话说身为程序员最重要之一是什么?当然是开发环境和编辑器了.君不见一个好的IDE或者编辑器能带来的工作效率

20 款免费的 JavaScript 游戏引擎

使用 HTML5,CSS3 和 Javascript 可以帮助面向对象开发者开发拥有各种特性的游戏,比如:3D 动画效果,Canvas,数学,颜色,声音,WebGL 等等.最明显的优势在于使用 HTML5 开发的游戏能在任何现代化流行的设备上运行. 某些游戏引擎仅仅是一个抽象的层次,就简单处理一些或者更多的繁杂游戏开发任务:其他只是注重 asset 加载,输入,物理效果,音频,sprite 地图和动画,而且相当多样化.还有一些引擎架构极其简单,只包括一个 2D 水平的编辑器和调试工具. 大部分的

针对开发者的20+款移动开发框架

本文收集了20款针对开发者的移动开发框架,以帮助他们为移动爱好者开发出新颖.有用.有趣味的应用. 1.Fries Fries是一款稳定的HTML-CSS-JS框架,用于在实际项目和原型设计中创造类似于Android的原生UI界面.该框架包含所有的重要组件,比如Form.工具栏.列表.按钮.下拉列表及标签.它还专门针对PhoneGap进行了优化,能容易地转换为本地应用. 源代码 2. Appium Appium是一款开源自动化测试工具.可对任何语言的iOS应用和Android应用进行测试,测试可使

20款网页开发工具推荐

越来越多的移动端和桌面端应用开始使用HTML.CSS和JS来开发了,而网页设计更是离不开这些语言.正是这种局面使得许多新的网页技术成为了可能,也催生了许多诸如React.js.Angular和Node.js这样的库.随着需求和项目的细化,开发者社区几乎每天都会有有开发者放出新的库和开发工具. 进入新年,我们推荐过设计素材,聊过设计趋势,推荐了许多酷站,这次的文章将会推荐20款最新的实用开发工具,为各位前端和后端开发者来点干货.这20个网站中,包含了开发框架.插件.生产力工具.应用程序,还有不少开

开发者、设计师和管理人员必备的20款在线工具(上)

当互联网越来越靠近我们生活的时候,网络技术的发展也使得我们更多的任务可以在网络上完成,比如设计和开发.今天小编给大家推荐20款不需要安装,借助浏览器即可完成项目的网页开发工具~ Animatron Animatron是一个与动画有关的在线工具,可以帮助你轻松制作HTML5和SVG动画,无需编写代码,可提高网站的体验和设计感. 目前Animatron提供不同层级的服务,从免费到20美元包月.可以将你从制作往网站动画效果的压力中释放出来,还可以帮助你将工作内容存储到云端,方便团队协作,一旦完成作品还

超赞干货!2016年新鲜出炉的20款网页开发工具推荐

越来越多的移动端和桌面端应用开始使用HTML.CSS和JS来开发了,而网页设计更是离不开这些语言.正是这种局面使得许多新的网页技术成为了可能,也催生了许多诸如React.js.Angular和Node.js这样的库.随着需求和项目的细化,开发者社区几乎每天都会有有开发者放出新的库和开发工具. 进入新年,小编推荐20款最新的实用开发工具,为各位前端和后端开发者来点干货.这20个网站中,包含了开发框架.插件.生产力工具.应用程序,还有不少开发实践案例.感兴趣的同学可以自行选择搜索使用. 1. Pre

20款带左右箭头的焦点图片轮播特效代码

20款带左右箭头的焦点图片轮播特效代码分享 html5带倒影3D图片叠加轮播切换特效 jQuery slide图片自动轮播滚动插件 jQuery焦点图插件带按钮控制图片轮播滚动代码 jquery仿hao123带新闻标题图片轮播滚动效果 jQuery仿瑞丽全屏透明遮罩图片轮播滚动代码 jQuery带网上开户表单的焦点图轮播代码 jquery左右箭头控制带缩略图片轮播切换 jQuery responsiveslides.js响应式图片轮播特效 jQuery OwlCarousel图片滚动插件世界杯图

2014 年 20 款最好的 CSS 工具

说到 WEB 设计,不得不介绍介绍 CSS 工具,CSS 工具在这里面扮演很重要的角色,可以简化无数开发者和设计师的工作,写出更好的 CSS 代码. 而网上有非常多的 CSS 工具,帮助设计师和开发者高效的工作和进行更多创新的创作,设计师和 web 开发者也把越来越多的 CSS 工具收入为自身的开发和设计利器. 在这篇文章中,我们罗列了 2014 年最好的 20 款 CSS 工具,希望能帮助大家简化自己的开发工作,创作出更多更好的创新作品.Enjoy! 1. Enjoy CSS 2. Keyfr

字体大宝库:20款超细英文字体免费下载

你有没有想过,在网络上的90%信息是文本?这就是为什么设计师在他们设计的网站中,字体的选择非常重要.此外,有大量的版式为基础的项目,其中的字体都是关键因素.这里有20款超细英文字体,特别适合扁平化和简约设计风格的网站,可以免费下载使用. 您可能感兴趣的相关文章 字体大宝库:10款有趣的精美节日字体 分享20款很漂亮的免费英文LOGO字体 字体大宝库:20款充满艺术感英文字体 推荐20款免费的又好看的英文手写字体 向设计师推荐20款好看的英文装饰字体 Znikomit Print Clearly