软件测试 / 测试开发丨 H5 性能分析实战
获取更多相关知识
H5 性能该如何测试呢？很多人不知道该如何下手。其实可以借用 W3C 协议完成自动化 H5 性能测试。
因为 W3C 标准是浏览器标准，一般浏览器都支持 W3C 标准，它规定使用者可以通过 api 查询性能信息。W3C 官网：https://www.w3.org/TR/navigation-timing/
简介
前文使用 chrome 浏览器对 webview 进行手工查看，伴随着业务增多，数量加大，手工操作的速度会无法跟上业务增长，此时需要自动化方法测试 webview 性能。
当页面加载时，会渲染一系列内容，渲染过程可分为多个阶段，比如下图：
Prompt for unload 访问一个新页面时，旧页面卸载完成的时间
redirect 重定向，用户注销登陆时返回主页面和跳转到其它的网站等
App cache 检查缓存，是否打开
DNS 表示 DNS 查询的时间，如果是长连接或者请求文件来自缓存等本地存储则返回 fetchStart 时间点
TCP 与服务器建立链接的时间
Requests 客户端发起请求的时间
Response 拿到服务器第一个响应字节到最后一个响应字节的时间
Processing 各种状态的时间点，例如加载状态等等
onLoad 触发 load 事件执行的时间
使用
在 chrome 浏览器中，执行 js 代码可获取各个阶段的内容：
上面的时间只是一个时间点，如果想获取各阶段的具体时间，就需要对两个时间点进行相减运算，比如计算 domContent 加载事件时间：
appium/selenium 可以执行 js，借用 appium/selenium 工具可实现自动化获取能指标，调用 appium/selenium 的 ExecuteScriptapi，可向页面注入下面代码：
实战案例
H5 性能测试需要配合自动化测试工具使用，比如 selenium 或者 appium，通过 js 代码注入实现自动化调用 api。
使用 python+selenium 进行 js 注入：
执行后会返回一个 json 数据，包含了简介中的各个性能指标，可对性能指标做二次处理或可视化展示：
版权声明: 本文为 InfoQ 作者【测试人】的原创文章。
原文链接:【http://xie.infoq.cn/article/366cd789b44b3d5d1914347fd】。文章转载请联系作者。
专注于软件测试开发 2022-08-29 加入
霍格沃兹测试开发学社，测试人社区：https://ceshiren.com/t/topic/22284
评论