WEB前端&APP性能测试

一、WEB系统架构

  无论是web系统还是APP,都是基于“客户端-服务器”模式。在web系统里,浏览器就是客户端

WEB前端&APP性能测试

二、web页面展示流程:

1、先下载页面上的静态资源,html、css、js、图片等

2、浏览器对静态资源进行渲染

3、当静态资源加载完毕用户执行某种操作后,执行js脚本,调用接口获取动态数据

 

从上述流程可以看到:

步骤1的性能主要取决于:

a、CDN服务器或者其他web中间件对静态资源的处理能力

b、网络带宽的限制

c、静态资源size是否合理

步骤2是浏览器的本地行为,渲染的性能取决于浏览器的性能,或者本地电脑的CPU、显卡的性能,跟web系统没有关系

步骤3是服务端接口的性能

 

三、web前端性能测试手段

1、浏览器的F12功能,查看各组件的下载时间和size

2、第三方工具自动检查页面各组件是否合理,yslow、pagespeed

  

四、APP性能测试

1、App客户端不存在并发用户的概念

2、APP客户端的性能测试,主要是在APP上进行业务操作,检测app占用手机的CPU、内存、流量、电量、流畅度、稳定性等指标,从而判断app是否存在性能问题

业务操作可以通过手动执行,也可以通过工具,比如:Appium、monkey(Android)、fastmonkey(iOS)
 
App端的性能测试,更偏重于性能监控,常用的监控工具:
adb命令(Android)
xcode(ios)
腾讯PerfDog(Android/ iOS )
 

 

WEB前端&APP性能测试

上一篇:Android Studio配置文件build.gradle引用libs下面的jar,arr,以及开源库


下一篇:js文字动态移动效果