本文整理自网络,侵删。
小程序测速
为帮助开发者优化小程序性能,我们推出了"小程序测速"功能。"小程序测速"可以简单方便地统计小程序内某一事件的实时耗时情况,并可根据地域、运营商、操作系统、网络类型、机型等关键维度进行实时交叉分析。从基础库2.9.2开始,开发者通过“测速上报”接口上报某一指标的耗时情况后,可在小程序管理后台"开发 -运维中心 -小程序测速" 查看各指标耗时趋势,并支持分钟级数据实时查看。
新建监控 ID
为了实现对某一指标的耗时监控,开发者需要先定义监控指标。在小程序管理后台 :"开发 -运维中心 -小程序测速"中新建监控 ID,并填写监控指标的名称和解释。
点击"新建"可以新建 ID ,你需要选择指标类型,并填写指标名称和指标对应的解释。 监控指标分为两类:
网络请求类: 此类耗时主要受网络环境影响,包含操作系统、运营商、网络环境、地区等统计维度。如:网络 api 耗时、云调用耗时、网络数据读写耗时等。注意此类指标最多可创建20个。
加载/渲染类:此类耗时主要受设备性能影响,包含操作系统、机型类别等统计维度。可以用来测量页面切换耗时、组件渲染耗时等。 注意此类指标最多可创建20个。
新建后,可以看到上报需要使用的监控 ID 。
测速上报
开发者定义监控ID后,需要在小程序代码中调用 wx.reportPerformance 接口上报耗时数值,才可实现耗时监控:
上报方法1: 使用 canIUse 进行判断
// * 需要使用 canIUse 判断接口是否可用
if (wx.canIUse('reportPerformance')) {
wx.reportPerformance(id, val)
}
上报方法2:使用 compareVersion 进行判断
// * 需要先使用 compareVersion 判断接口是否可用
const sdkVersion = wx.getSystemInfoSync().SDKVersion
if (compareVersion(sdkVersion, '2.9.2') >= 0) {
wx.reportPerformance(id, val)
}
?id 和 val 均为 uint32 类型,其中 id 为小程序管理后台定义的监控 ID,val 为本次要上报的耗时数值(由开发者自行计算)。接口调用需要基础库的版本号高于 2.9.2,否则在一些低版本基础库可能报错。
相关阅读 >>
更多相关阅读请进入《微信小程序》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者