小程序开放平台

文档中心
基础
路由
跳转
转发
界面
网络
支付
数据缓存
媒体
位置
开放接口
设备
XHSML
性能
getPerformance
getEntries
getEntriesByName
getEntriesByType
getCurrentPageEntries
getEntriesByPage
mark
clearMarks
PerformanceEntry
createObserver
PerformanceObserver
第三方平台
文件
数据分析
画布

xhs.PerformanceObserver

开发
>
JS API
>
性能
>
PerformanceObserver
>
更新时间:2025-04-11 19:08:39

基础库

3.63.0
开始支持,低版本需做兼容处理。

PerformanceObserver 对象,用于监听性能相关事件

属性

Array supportedEntryTypes

获取当前支持的所有性能指标类型

方法

PerformanceObserver.observe(Object options)

开始监听

Object options

设置 type(string) 监听单个类型的指标,设置 entryTypes(string) 监听多个类型指标。 type和entryTypes不能同时使用

属性
类型
默认值
必填
说明
paintstring
frameworkstring
scriptstring
networkstring

PerformanceObserver.disconnect()

停止监听

代码示例

// 检查当前支持的性能指标类型
const supportedTypes = xhs.PerformanceObserver.supportedEntryTypes;
console.log('支持的性能指标类型:', supportedTypes);

// 创建 PerformanceObserver 实例
const observer = new xhs.PerformanceObserver((list) => {
  const entries = list.getEntries();
  entries.forEach((entry) => {
    console.log('性能指标:', entry);
  });
});

// 开始监听单个类型的性能指标(例如 'paint')
observer.observe({
  type: 'paint'
});

// 或者监听多个类型的性能指标
observer.observe({
  entryTypes: ['script', 'network']
});

// 停止监听
setTimeout(() => {
  observer.disconnect();
  console.log('已停止性能指标监听');
}, 10000); // 10秒后停止监听