干货 | H5 性能分析实战来啦~
H5 性能该如何测试呢？很多人不知道该如何下手。其实可以借用 W3C 协议完成自动化 H5 性能测试。
因为 W3C 标准是浏览器标准，一般浏览器都支持 W3C 标准，它规定使用者可以通过 api 查询性能信息。W3C 官网：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，可向页面注入下面代码：
使用 python+selenium 进行 js 注入：
执行后会返回一个 json 数据，包含了简介中的各个性能指标，可对性能指标做二次处理或可视化展示：
更多学习资料戳下方！！！
社区：ceshiren.com 2022.08.29 加入
微信公众号：霍格沃兹测试开发 提供性能测试、自动化测试、测试开发等资料、实事更新一线互联网大厂测试岗位内推需求，共享测试行业动态及资讯，更可零距离接触众多业内大佬
评论