一、WEB系统架构
无论是web系统还是APP,都是基于“客户端-服务器”模式。在web系统里,浏览器就是客户端
二、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 )