微信小程序的软件测试用例编写指南及示例--性能测试用例
以下是针对微信小程序的性能测试用例补充,结合代码逻辑和实际使用场景,从加载性能、渲染性能、资源占用、交互流畅度等维度设计测试点,并标注对应的优化方向:
一、加载性能测试用例
测试项 | 测试工具/方法 | 测试步骤 | 预期结果 | 优化方向 |
---|---|---|---|---|
冷启动加载耗时 | 微信开发者工具「性能」面板 | 完全关闭小程序后重新打开,记录从启动到首屏渲染完成时间 | - 首屏渲染时间 ≤ 3秒 - 轮播图、分类标签、店铺列表同步加载完成 | 优化onLoad 钩子中的异步请求顺序 |
热启动加载耗时 | 微信开发者工具「性能」面板 | 切换至后台后重新切回小程序,记录恢复显示时间 | 恢复显示时间 ≤ 1秒 | 利用onShow 缓存数据避免重复请求 |
分页加载耗时 | 控制台console.time() | 上拉加载更多数据时,记录从触发onReachBottom 到数据渲染完成时间 | 单次加载(10条数据)耗时 ≤ 800ms | 优化getStoreListFun 接口响应速度 |
无网络加载处理 | 禁用网络后刷新页面 | 观察页面是否显示加载失败状态,重试按钮是否有效 | - 500ms内显示错误提示 - 点击重试触发网络请求检测 | 添加uni.getNetworkType 预判断 |
二、渲染性能测试用例
测试项 | 测试工具/方法 | 测试步骤 | 测试数据 | 预期结果 | 优化方向 |
---|---|---|---|---|---|
列表渲染性能 | 微信开发者工具「帧率监控」 | 快速滑动店铺列表,观察FPS值变化 | 模拟100条店铺数据 | - FPS保持在40以上(理想值60) - 无明显卡顿、掉帧 | 改用<u-virtual-list> 虚拟列表 |
复杂节点渲染 |