记一次关于App页面响应时间的测试

1.测试目的

测试一下App的页面加载时间，观察是否可以进行优化

2.前期准备：

找了网上的资料，基本上有几个方法：

1）录屏+计算帧数

2）Appium进行页面元素的定位

3）抓包工具

4）opencv页面比对

5）DDMS，适用于Android的activity时间计算

3.制定方法

分析下来最终选择的是录屏的方式，当然最好是高速摄像机，但没有的话就用录屏来代替了。

1）录屏

安卓就直接用adb shell screenrecord命令，ios用投屏工具，因为手头没有mac，我这里用的是第三方工具：幕享

2）切帧

ffmpeg可以非常方便进行切帧，以30的帧率进行均匀切帧，保存为图片

ffmpeg -i video.mp4 -r 30 -f image2 ./%08d.000000.jpg

3）数帧和计算时间

找到开始跳转的第一帧和结束加载的最后一帧，得到帧数

页面加载时间=帧数/30*1000（单位是ms）

4.一些想法

1）分析的时候可以结合抓包工具，看下接口获取数据的时间。分别进行优化

2）opencv用于判断关键帧，这个因为图片对比也需要时间。先留个坑，后面如果能实现再补。

记一次关于App页面响应时间的测试相关推荐

Flutter Hero动画让你的APP页面切换充满动效不一样的体验不一样的细节处理
优美的应用体验来自于细节的处理,更源自于码农的自我要求与努力,当然也需要码农年轻灵活的思维. 本文章实现的Demo效果,如下图所示: 1 首先是页面的主体在这里使用的是Scaffold脚手架来构建 ...
警惕！不要让页面响应时间成为应用性能指标上的杠精
谈到移动端应用性能测试,我们首先会想到的性能测试指标有:启动时间.响应时间.CPU.内存.电量等.我们可以将以上指标按照资源消耗和响应时间分为两大类. 资源消耗类:CPU.内存.电量: 响应时间类:启 ...
基于stagesepx的App页面跳转性能分析
文章目录想做什么怎么做埋点&眼睛看怎么用眼睛"看" 怎么提升统计分析的效率关于stagesepx 简单的例子怎么使用stagesepx进行性能统计视频切割和判 ...
h5与小程序服务器如何辨别,小程序丨教你六招，快速区分H5页面还是APP页面
限制的H5技术和原生APP的技术很多类似或者实现效果很相像,不仔细去观察,大多人不会察觉两种有何不同.第九程序帮大家整理出比较容易判断的一个APP页面是原生的还是H5页面的方法. 希望可以帮到大家,以 ...
delphi测试服务器响应时间,负载测试中的页面响应时间 - Visual Studio (Windows) | Microsoft Docs...
如何:使用负载测试分析器在负载测试中查看网页响应时间 10/19/2016 本文内容加载每个网页所需的时间称为"响应时间". 创建 Web 性能测试时,可以为 Web 性能测试中 ...
记Outlook插件与Web页面交互的各种坑 (含c# HttpWebRequest 连接https 的完美解决方法)
记Outlook插件与Web页面交互的各种坑 (含c# HttpWebRequest 连接https 的完美解决方法) 参考文章: (1)记Outlook插件与Web页面交互的各种坑 (含c# Htt ...
【技法操作】UI界面设计，用PS绘制定位app页面设计教程
今天教大家做UI定位app页面设计. 教程所用软件为:PSCC2018版本,还没有这个软件的小伙伴们可以关注公号领取:design257,回复:UI必备软件,领取 (喜欢的小伙伴记得收藏点赞分享转发 ...
使用MD中控件实现APP页面折叠
APP页面折叠效果,我们先看下效果图,再来分析: 效果图中的操作是比较简单,但是实现起来确实异常的麻烦,我画了一个布局(xml)分析图,我们一起看看: 我们的功能主要是通过MD(Materail De ...
ios html转换成网页,ios App加载本地HTML网页,点击网页链接跳转到app页面的方法
一.如何在APP里加载本地html文件内容: 首先准备一个html文件,比如内容如下: title go to app 接下来,在APP里定义一个UIWebView,用来显示html文件内容: //定 ...

记一次关于App页面响应时间的测试

记一次关于App页面响应时间的测试相关推荐

最新文章

热门文章