微信小程序性能测试---弱网体验优化

背景:

在用户使用小程序时,可能会陷入某些网络不通畅的场景,此时一些严格依赖网络的功能可能就无法使用。为保证功能可用,对微信小程序的部分接口进行弱网优化

弱网方案---缓存管理器

弱网体验优化 | 微信开放文档

缓存管理器原理:

小程序提供了一个无侵入式的缓存管理器,开发者可以不需要修改原有业务代码进行接入。缓存管理器主要有以下几个能力:

  • 在网络通畅时,对符合规则的网络请求进行缓存;在弱网时对该网络请求使用缓存返回。
  • 在网络通畅时,对部分 wx api 调用进行缓存;在弱网时对这些 wx api 的调用使用缓存返回。

测试方案:

基于chalers工具,通过控制上行和下行的速率,在ios手机上进行抓包测试。

chalers安装:

https://www.cnblogs.com/hxli5/p/14421600.html

Charles安装及使用教程

弱网测试参考:

Charles手机弱网测试_charles弱网测试-CSDN博客

实际在测试过程中,由于微信小程序api的逻辑,需要前端监听到网络异常,并给前端提示弹窗【网络异常,请切换网络】,在代表真正进入了弱网环境,而用chalers修改上行和下行流量值得方式,在手机端并不会真正触发此弱网弹窗。。。

相关推荐
Mr.Liu624 分钟前
小程序30-wxml语法-声明和绑定数据
前端·微信小程序·小程序
小程序照片合成12 小时前
uniapp微信小程序开发工具本地获取指定页面二维码
微信小程序·小程序·uniapp·二维码
教练 我想学编程13 小时前
学习记录706@微信小程序+springboot项目 真机测试 WebSocket错误: {errMsg: Invalid HTTP status.}连接不上
spring boot·学习·微信小程序
认真敲代码的小火龙20 小时前
微信小程序(下)
微信小程序·小程序
Mr.Liu621 小时前
小程序29-事件穿参-mark 自定义数据
前端·微信小程序·小程序
web_Hsir1 天前
uniapp 微信小程序项目中 地图 map组件 滑动面板
微信小程序·uni-app·notepad++
PBitW1 天前
微信小程序 -- 原生封装table
前端·微信小程序
咸虾米_1 天前
uniapp微信小程序获取用户手机号uniCloud云开发版
微信小程序·小程序·uni-app·unicloud·获取手机号
wangpq2 天前
微信小程序map组件渲染几百个marker后,页面卡顿,如何解决?
vue.js·微信小程序