小程序开放平台

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

xhs.PerformanceEntry

开发
>
JS API
>
性能
>
PerformanceEntry
>
更新时间:2024-11-13 19:05:31

性能数据的实例

实例属性

属性
类型
默认值
说明
namestring该 performance entry 的名字
entryTypeperformanceEntryType期望标记的 name
startTimenumber性能点位表示打点的时刻,耗时点位表示耗时阶段起始时间
durationnumber表示startTime后持续的时间(如containerStartTime的duration)(耗时点位才有)
value统计数量例如fmp前setData的次数(数据点位才有)
  1. 性能点位:只表示一个时刻,没有value和duration
  2. 数据点位:表示收集某一数据的数量,没有startTime和duration
  3. 耗时点位:表示一段耗时,起点为startTime,duration表示经过的时间段

目前支持的 name 与 entryType 对应关系

name
entryType
类型
说明
onScreenTimepaintnumber(性能点位)上屏时刻,统计用户点击加载小程序到 FMP 发生时总耗时可用该时刻减去fmp时刻
firstPaintpaintnumber(性能点位) first-paint
firstContentfulPaintpaintnumber(性能点位) first-contentful-paint
firstContentfulPaintpaintnumber(性能点位)first-contentful-paint
firstMeaningfulPaintpaintnumber(性能点位) first-meaning-paint
longtaskpaintnumber(数据点位) long task - 长任务
pageLoadTimeframeworknumber(耗时点位)页面 initialData 发出到 FMP 发生总耗时(起始时刻逻辑层第一次向渲染层发送消息时)
requestTimingnetworknumber(数据点位)firstMeaningfulPaint 之前接口平均请求耗时
requestCountnetworknumber(数据点位)firstMeaningfulPaint 之前请求总数
containerStartTimescriptnumber(耗时点位) 渲染容器启动耗时(起始时刻渲染容器启动的时刻)
navigationStartTimepaintnumber(性能点位) 渲染层起始时刻(可用于与fp、fcp、lcp、fmp的计算)
userClickTimescriptframework(性能点位) 用户点击加载小程序的时刻

代码示例

javascript
const entries = xhs.getPerformance().getEntries();
for (let i = 0, len = entries.length; i < len; i++) {
  console.log("entry name: " + entries[i].name);
  console.log("entry entryType: " + entries[i].entryType);
  console.log("entry startTime: " + entries[i].startTime);
  console.log("entry duration: " + entries[i].duration);
  console.log("entry value: " + entries[i].value);
}