小程序开放平台

文档中心
基础
界面
网络
数据缓存
媒体
位置
开放接口
设备
XHSML
性能
getPerformance
getEntries
getEntriesByName
getEntriesByType
getEntriesByPage
getCurrentPageEntries
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);
}