微信小程序API 性能·获取相关信息

通过微信小程序API获取性能相关信息

对于使用微信小程序来推广企业的人士而言，了解小程序性能指标是必不可少的。在进行小程序开发和优化时，我们需要全方位地了解小程序的性能，在系统资源、页面渲染、脚本执行等各个方面进行评估。

1. wx.getPerformance()

基础库 2.11.0 开始支持，低版本需做兼容处理。

wx.getPerformance()函数可以获取小程序性能相关的信息。目前小程序支持获取以下几类性能指标：

类别	名称 (entryType)	指标
路由	navigation	route, appLaunch
渲染	render	firstRender
脚本	script	evaluateScript

其中，route表示路由性能，appLaunch表示小程序启动耗时，firstRender表示页面首次渲染耗时，evaluateScript表示注入脚本耗时。

2. 获取路由性能信息

我们可以通过wx.getPerformance()函数获取小程序的路由性能信息。使用下面的代码：

const performance = wx.getPerformance()
const observer = performance.createObserver((entryList) => {
  console.log(entryList.getEntries())
})
observer.observe({ entryTypes: ['navigation'] })

这段代码将创建一个观察者对象并启动观察，以获取小程序的路由性能指标。结果会被输出到控制台。

3. 获取页面渲染耗时

通过使用wx.getPerformance()函数和下面的代码可以获取小程序页面的首次渲染耗时：

const performance = wx.getPerformance()
const observer = performance.createObserver((entryList) => {
  console.log(entryList.getEntries())
})
observer.observe({ entryTypes: ['render'] })

这段代码将创建一个观察者对象并启动观察，以获取小程序页面的首次渲染耗时指标。结果同样会被输出到控制台。

4. 获取脚本执行耗时

对于小程序中的脚本性能指标，我们可以通过下面的代码获取注入脚本的耗时。

const performance = wx.getPerformance()
const observer = performance.createObserver((entryList) => {
  console.log(entryList.getEntries())
})
observer.observe({ entryTypes: ['script'] })

这段代码同样创建一个观察者对象并启动观察，以获取小程序中脚本注入的耗时指标，并输出结果到控制台。

以上就是通过微信小程序API获取性能相关信息的方法，不同指标的获取可以通过wx.getPerformance()函数和createObserver()方法实现。当我们了解小程序各个方面的性能表现后，便可以有针对性地进行优化和提升小程序性能。