139-8950-0275

绍兴云远网络热线
首页 >> 小程序 >>小程序专业知识 >> 掌握小程序性能,只要一个API !-绍兴互联网网络公司为你转播
详细内容

掌握小程序性能,只要一个API !-绍兴互联网网络公司为你转播

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



用户

我打开都是这样?!一直在转圈圈...


用户

3.png




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



4.png

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




1

新建监控ID


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


5.png

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

6.png




2

测速上报



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

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


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





    3

    数据观察


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


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


    7.png

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


    8.png


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


    9.png

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

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


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


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

      10.png


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


      11.png




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

      阅读原文


      技术支持: 杭州云远科技有限公司 | 管理登录
      seo seo