一、页面资源文件大,渲染慢导致的页面加载类目切换时卡顿的问题。
问题原因:
- 图片内容页面资源内容过大(要展示100张图,10M每张)
- 页面渲染处理效率低(慢、样式错误、图片展示错乱)
- 分类切换没有做预加载,重新加载,导致加载卡慢
例:
测试考虑注意事项:
1、页面图片上传时数据比较大时做进行压缩处理(不掉帧的画质)
2、考虑页面最大支持多少数据(过大考虑分页下拉)
3、最大支持数据量下的加载(网络)和切换类目不卡顿。
4、 页面渲染(先加载页面框架、还是下载图片、页面元素布局如何呈现)
5、考虑加载不全错误合理,错误后重新加载正常。
案例分享:
1、淘宝、抖音现在的APP交互都为局部加载,刷到那儿加载到那儿。
涉及知识点:
- 页面渲染
- 基础测试方案
- 用户体验