性能

getPerformance

getPerformance

获取当前小程序性能相关的信息

参数

无

返回值

Performance

示例代码

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

Performance

Performance 对象提供了对当前小程序的性能监控能力，通过 ft.getPerformance() 获取

Performance.getEntries()

获取当前缓冲区中的所有性能数据

返回值

PerformanceEntry

返回所有性能数据

Performance.getEntriesByName(name, entryType)

获取当前缓冲区中所有名称为 name 且类型为 entryType 的性能数据

参数

参数	类型	必填	说明
name	string	是	指定的名称
entryType	string	否	指定的类型

返回值

PerformanceEntry

返回符合筛选参数的数据

Performance.getEntriesByType(entryType)

获取当前缓冲区中所有类型为 entryType 的性能数据

参数

参数	类型	必填	说明
entryType	string	是	指定的类型

返回值

PerformanceEntry

返回符合条件的性能数据数组

Performance.setBufferSize(size)

设置缓冲区大小，默认缓冲 30 条性能数据

参数

参数	类型	必填	说明
size	number	是	缓冲区大小

Performance.createObserver(callback)

创建全局性能事件监听器

参数

参数	类型	必填	说明
callback	function	是	回调函数

返回值

PerformanceObserver

PerformanceObserver

Performance.createObserver 方法返回的性能观察对象

PerformanceObserver.disconnect()

停止监听

PerformanceObserver.observe(options)

开始监听

参数

参数	类型	必填	说明
options	Object	是	观察配置

options 的结构

属性	类型	必填	说明
type	string	否	指标类型，不能和 entryTypes 同时使用
entryTypes	string[]	否	指标类型，不能和 type 同时使用

类型合法值

类型	说明	其他
navigation	路由
render	渲染
script	脚本
loadPackage	代码包下载	未支持

回调函数的参数

EntryList

示例代码

const observer = ft.getPerformance().createObserver((entries) => {
  console.log(entries)
})

observer.observe({ entryTypes: ['render', 'script'] })

EntryList

EntryList 对象提供了一组方法来获取性能数据条目。

EntryList.getEntries()

获取当前列表中的所有性能数据。

返回值

PerformanceEntry

返回当前列表中的所有性能数据。

EntryList.getEntriesByName(name, entryType)

获取当前列表中所有名称为 name 且类型为 entryType 的性能数据。

参数

参数	类型	必填	说明
name	string	是	指定的名称
entryType	string	否	指定的类型

返回值

PerformanceEntry

返回符合筛选条件的性能数据。

EntryList.getEntriesByType(entryType)

获取当前列表中所有类型为 entryType 的性能数据。

参数

参数	类型	必填	说明
entryType	string	是	指定的类型

返回值

PerformanceEntry

返回符合筛选条件的性能数据。

示例代码

const performance = ft.getPerformance()
const observer = performance.createObserver((entryList) => {
  console.log(entryList.getEntries())
  console.log(entryList.getEntriesByName('firstRender'))
  console.log(entryList.getEntriesByType('render'))
})
observer.observe({ entryTypes: ['render', 'script'] })

PerformanceEntry

PerformanceEntry 对象代表单个性能指标的数据。

属性

属性	类型	说明
name	string	该性能指标的名称
entryType	string	该性能指标的类型
startTime	number	该性能指标的开始时间
duration	number	该性能指标的持续时间，仅部分指标包含
path	string	仅路由类型指标包含
pageId	string	仅路由类型指标包含

示例代码

const performance = ft.getPerformance()
const observer = performance.createObserver((entryList) => {
  entryList.getEntries().forEach((entry) => {
    console.log('Name: ' + entry.name)
    console.log('Type: ' + entry.entryType)
    console.log('Start time: ' + entry.startTime)
    console.log('Duration: ' + entry.duration)
  })
})
observer.observe({ entryTypes: ['render', 'script'] })