导航
当前位置:首页>>小程序

微信小程序测速功能介绍

2023-11-13 围观 : 11次

微信小程序开发人员如何优化小程序性能呢?可以使用微信推出的“小程序测速”功能。这个功能可以简单方便地统计小程序内某一事件的实时耗时情况,并可根据地域、运营商、操作系统、网络类型、机型等关键维度进行实时交叉分析。那下面跟小编一起来了解下小程序测速功能的使用方法。

首先开发者需要在基础库2.9.2版本以上,可以通过“测速上报”接口上报某一指标的耗时情况,然后可以在小程序管理后台的“开发-运维中心-小程序测速”查看各指标耗时趋势,并支持分钟级数据实时查看。

创建监控ID

1、在小程序管理后台的“开发-运维中心-小程序测速”中新创建监控ID,并填写监控指标的名称和解释,也就是需要先定义监控指标。

监控指标分为两类:

网络请求类:此类耗时主要受网络环境影响,包含操作系统、运营商、网络环境、地区等统计维度。如:网络API耗时、云调用耗时、网络数据读写耗时等。注意此类指标最多可创建20个。

加载/渲染类:此类耗时主要受设备性能影响,包含操作系统、机型类别等统计维护。可以用来测量页面切换耗时、组建渲染耗时等。注意此类指标最多可创建20个。

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

小程序测速上报方法

监控ID创建后,还需要在小程序代码中调用wx.reportPerformance接口上报耗时数字,才能实现耗时监控。有两种方法:

方法1:使用canIUse进行判断

// * 需要使用 canIUse 判断接口是否可用if (wx.canIUse(‘reportPerformance’)) {wx.reportPerformance(id, val)}

方法2:使用compareVersion 进行判断

// * 需要先使用 compareVersion 判断接口是否可用const sdkVersion = wx.getSystemInfoSync().SDKVersionif (compareVersion(sdkVersion, ‘2.9.2’) >= 0) {wx.reportPerformance(id, val)}

id 和 val 均为 uint32 类型,其中 id 为小程序管理后台定义的监控 ID,val 为本次要上报的耗时数值(由开发者自行计算)。接口调用需要基础库的版本号高于 2.9.2,否则在一些低版本基础库可能报错。

小程序测速数据观察

完成代码上报后,可在小程序管理后台”开发 -运维中心 -小程序测速” 查看各指标耗时趋势。目前线上数据约有15分钟数据时延,上报数据保留 7 天,可按照 1 分钟 – 1 小时等不同的时间粒度进行聚合。

每个指标可以观察到平均值和上报次数两条曲线

交叉对比功能(不能超过10条)

查看不同地域网络请求类指标

微信小程序测速上报功能可以测量网络类指标(如网络调用/云调用耗时、网络数据读写速度等)和非网络类指标(页面切换加载速度、组件渲染速度等),开发者可以查看这些指标在不同维度下的数量分布和性能差异。适用于一些计算视频首屏时延、帧率等场景。

相关文章
  • 古丈小程序开发工具

    古丈小程序开发工具是一款基于云端构建和快速开发小程序应用的工具,由古丈镇自行研发并推出。通过此工具,用户可以无需编写复杂的代码和进行繁琐的配置,实现快速构建小程序应用,同时还可以高效管理和维护这些应用。古丈小程序开发工具的原理主要是基于互联网技术的云计算,利用云端的强大计算力和存储能力,实现了小程序...

    2023-10-30
  • 微商通小程序开发工具

    微商通小程序开发工具是一款专门用于小程序开发的工具。它主要提供了小程序的搭建、编辑、预览和发布等功能,已经成为众多微商和开发者非常便捷的工具之一。本文将对微商通小程序开发工具的原理和详细介绍进行说明。一、微商通小程序开发工具原理微商通小程序开发工具是基于微信官方提供的小程序开发接口,旨在帮助开发者快...

    2023-11-27
  • 江门口碑好的微信小程序开发工具

    江门是广东省的一个城市,也是中国南部的一个重要的经济中心。如今,微信小程序已经成为了许多企业展示和推广自己的重要手段。因此,江门地区的企业们也越来越需要一些好的微信小程序开发工具来帮助他们快速搭建自己的微信小程序。下面,将介绍江门口碑好的微信小程序开发工具的原理和详细介绍。一、微信小程序开发的基本原...

    2023-11-26
  • 微信小程序开发工具 可视化

    微信小程序开发工具可视化是一种基于可视化编程的方式,可帮助开发者方便快捷地进行微信小程序的开发。这种工具相比传统的开发方式更加简单易用,需要基础的编程知识和一定的开发经验即可上手使用。在使用微信小程序开发工具可视化开发工具时,开发者可以通过类似于拖拽的方式来完成所需的功能。具体来说,微信小程序开发工...

    2023-11-28
  • 小程序接入微信客服的前提是什么

    很多商家想把微信小程序打造成卖货商城,这时如何接待客户咨询和管理客服数据,也成为商家必须要解决的一大难题。除了大家比较熟悉的小程序客服消息功能,微信平台去年推出的 [微信客服]功能更侧重如何加强和企业微信的联系及沉淀客户数据。下面来介绍接入微信客服的前提条件。小程序接入微信客服的前提(1)仅向非个人...

    2023-11-24