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

背景:

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

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

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

缓存管理器原理:

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

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

测试方案:

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

chalers安装:

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

Charles安装及使用教程

弱网测试参考:

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

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

相关推荐
意会2 小时前
微信闪照小程序实现
前端·css·微信小程序
小白_ysf4 小时前
uniapp 开发微信小程序,获取经纬度并且转化详细地址(单独封装版本)
微信小程序·uni-app
是一碗螺丝粉1 天前
拯救你的app/小程序审核!一套完美避开审核封禁的URL黑名单机制
前端·javascript·微信小程序
我叫黑大帅1 天前
微信小程序分包:告别加载慢,像拆快递一样简单!
前端·微信小程序
两个月菜鸟1 天前
vue+微信小程序 五角星
前端·vue.js·微信小程序
熬耶2 天前
Uniapp之微信小程序自定义底部导航栏形态
微信小程序·小程序·uni-app
誰在花里胡哨3 天前
微信小程序实现陀螺仪卡片景深效果
前端·微信小程序·动效
XXXFIRE3 天前
微信小程序开发实战笔记:全流程梳理
前端·微信小程序
Thomas游戏开发3 天前
Cocos Creator 面试技巧分享
面试·微信小程序·cocos creator
小小愿望3 天前
微信小程序开发实战:图片转 Base64 全解析
前端·微信小程序