美文网首页
性能测试-前端

性能测试-前端

作者: 大小姐lemon | 来源:发表于2019-10-14 09:53 被阅读0次

参考文档:[http://www.androidchina.net/8612.html]

性能问题分类

性能优化指标

测试方法
工具
| 渲染问题: 过度绘制、布局冗杂,UI卡顿,ANR |

滑动流畅度:FPS,即Frame per Second,一秒内的刷新帧数,越接近60帧越好;

过度绘制:单页面的3X(粉红色区域) Overdraw小于25%

启动时间:这里主要说的是Activity界面启动时间,一般低于300ms,

|

设置-开发中选项-调试GPU过度绘制

颜色代表值:粉色3次,红色4次

|

手机开发者选项:

调试GPU过度绘制、

启用严格模式、

显示CPU使用情况、

GPU呈现模式分析、

显示所有”应用程序无响应”。

|
| 内存问题: 内存浪费(内存管理)、内存泄漏 |

内存大小:峰值越低越好,需要优化前后做对比

|
| IDE中:Android Studio,比如静态代码检测工具、Memory Monitor、CPU Monitor、NetWork Monitor、GPU Monitor、Layout Inspector、Analyze APK等 |
|
|

内存泄漏:需要用工具检查对比优化前后

|
| SDK中:sdk\tools,比如DDMS、HierarchyViewer、TraceView |
| 功耗问题: 耗电,流量 | 单位时间内的掉电量,掉电量越少越好,业内没有固定标准。 |
| 第三方工具:MAT、LeakCanary、GT |

渲染问题
| 过度绘制 |

底部弹窗:

分享,礼物等

页面中弹窗:

确认弹窗

| 背景,蒙层 |
| 布局优化 |

布局太过复杂,

层级嵌套太深

导致绘制操作耗时

且增加内存的消耗

| 布局优化的建议:

  • 第一个建议:可以使用相对布局减少层级的就使用相对布局,否则使用线性布局。Android中RelativeLayout和LinearLayout性能分析,参考:www.jianshu.com/p/8a7d059da
  • 第二个建议:用merge标签来合并布局,这可以减少布局层次。
  • 第三个建议:用include标签来重用布局,抽取通用的布局可以让布局的逻辑更清晰明了,但要避免include乱用。
  • 第四个建议:避免创建不必要的布局层级。(最容易发生的!)
  • 第五个建议:使用惰性控件ViewStub实现布局动态加载

| GPU性能渲染 |
| 开发者选项 — GPU呈现模式分析 — 选择“在屏幕上显示为条形图” |

相关文章

  • 前端页面优化

    前端性能测试和调优 讲到性能测试,除了后台的之外,还有一部分是前台的性能测试,前端的性能测试这里主要需要尊从以下规...

  • 2018-04-04

    对于web页面的性能测试分为:前端、后端的测试 首先,我们来明确下你的性能测试目的,你的目的是服务端的性能还是前端...

  • 前端性能测试

    性能测试一直是Web应用中非常受关注的部分 目前人们对性能的关注还主要集中在服务端,大部分人在说到“性能测试”的时...

  • 性能测试-前端

    参考文档:[http://www.androidchina.net/8612.html] 性能问题分类 性能优化指...

  • 前端性能测试

    前言 性能优化无非就是让页面的打开速度更快一些,以得到更好的用户体验。前端在这方面可以做到的有两方面,页面级别的优...

  • 前端性能测试

    用什么工具测试前端性能数据相对比较准确?

  • H5前端性能测试快速入门

    说到H5测试,对于做WEB测试的同学来说再熟悉不过了,它包括页H5功能测试,前端性能测试,浏览器兼容性能测试...

  • Google检测网页性能的工具PageSpeed Insight

    在这之前,测试网页前端性能我用的是雅虎的Yslow,也是由于很久没测试过网页前端的东西了,没怎么关注前端这块。 P...

  • 一张图带你玩转H5测试……6大模块测试点汇总分享!

    一提到H5测试,做WEB测试的朋友肯定早已经非常熟悉,它包括页面H5功能测试,前端性能测试,浏览器兼容性能测试,以...

  • web前端包含的测试过程是如何进行的?

    一般做web前端的人都知道,工作的内容不但是前端,而且还有做明确性能测试的需求,web测试有几个步骤?web测试的...

网友评论

      本文标题:性能测试-前端

      本文链接:https://www.haomeiwen.com/subject/gmjcmctx.html