收藏
评论

掌握小程序性能,只要一个API官方

原文来自「微信开发者」公众号。
本文主要介绍了API wx.reportPerformance的三步操作。


小程序顺利上线完的你,是否收到过用户这样的反馈?

而你自己打开一切都挺正常。难道是打开姿势不对?

重启大法固然好,用户可能跟着跑。于是,为帮助开发者提前发现性能问题,我们推出了“小程序测速”功能。从“重启试试”到“暗中修复”的距离只要一个API—— wx.reportPerformance。测速三步走,性能无忧愁。


1 新建监控ID

为了实现对某一指标的耗时监控,开发者需要先定义监控指标。在小程序管理后台(mp.weixin.qq.com)的 :“开发 -运维中心 -小程序测速”中新建监控 ID,并填写监控指标的名称和解释。

新建后,可以看到上报需要使用的监控 ID 。


2 测速上报

新建后,可以看到上报需要使用的监控 ID 。

定义监控ID后,需要在小程序代码中调用 wx.reportPerformance 接口上报耗时数值,才可实现耗时监控:

// 判断接口是否可用,基础库 2.9.2 开始支持
if (wx.canIUse('reportPerformance')) {
// id: 监听ID
// val: 本次耗时数值
  wx.reportPerformance(id, val)
}



3 数据观察

上报完成后,我们就可以坐等数据了,目前线上数据会有15分钟的延迟。

有了数据之后,我们可以这样观察平均值曲线和上报次数曲线。

也可以这样交叉对比观察:

甚至~还可以通过区域地图,这样观察数据:

什么?你还觉得维度不够多?想要根据 url、页面等进行细分更详细的掌握性能状况。 

让自定义维度来满足你的需求,只要给 wx.reportPerformance 加上第三个参数 dimensions,即可上报自定义维度。

// dimensions: 自定义维度,String/Array
wx.reportPerformance(id, val, dimensions)


上报完成之后,跟前面一样可以直接在小程序管理后台(mp.weixin.qq.com)看到上报的自定义维度。分析的时候,就可以加上自定义维度细化分析数据。


小程序测速接入完成~盘腿嗑瓜子,告别“转菊花”的烦恼。

关于小程序测速,你有什么想法或建议?欢迎参与话题交流,即有机会获得微信正版周边礼品哦

最后一次编辑于  2022-03-24
赞 1
收藏

1 个评论

  • 邓远远
    邓远远
    2022-12-26

    谢谢

    2022-12-26
    赞同
    回复
登录 后发表内容
课程标签