#ReloadBundleEntry

ReloadBundle 是指通过客户端接口LynxView.reloadTemplate、前端框架接口 lynx.reload 触发重新加载执行 TemplateBundle 的渲染流水线。ReloadBundleEntry 用来记录该次流水线所有关键时间戳结构，继承自 PipelineEntry。

reloadBundle 的主要流程图如下。

#示例

该示例展示了如何获取 ReloadBundleEntry。

performance-apisrc/reload-bundle-entry/index.tsx

Code

预览

#实例属性

#entryType

entryType: string;

性能事件的类型，当前类所有实例的值均固定为 pipeline。

#name

name: string;

性能事件的具体名称。由客户端接口LynxView.reloadTemplate触发的事件固定为reloadBundleFromNative；由前端接口lynx.reload触发的事件固定为reloadBundleFromBts。

#identifier

identifier: string;

某条渲染流水线的标记, 当前类所有实例的值均固定为空字符串：

#reloadBundleStart

reloadBundleStart: number;

reload 流程加载执行 TemplateBundle 的开始时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#reloadBundleEnd

reloadBundleEnd: number;

reload 流程加载执行 TemplateBundle 的结束时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#reloadBackgroundStart

reloadBackgroundStart: number;

reload 流程加载执行 TemplateBundle 中后台线程脚本的开始时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#reloadBackgroundEnd

reloadBackgroundEnd: number;

reload 流程加载执行 TemplateBundle 中后台线程脚本的结束时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#pipelineStart

pipelineStart: number;

渲染流水线的开始时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#pipelineEnd

pipelineEnd: number;

渲染流水线的结束时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#mtsRenderStart

mtsRenderStart: number;

执行主线程脚本构建 Element Tree 的开始时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#mtsRenderEnd

mtsRenderEnd: number;

执行主线程脚本构建 Element Tree 的结束时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#resolveStart

resolveStart: number;

计算 Element 样式的开始时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#resolveEnd

resolveEnd: number;

计算 Element 样式的结束时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#layoutStart

layoutStart: number;

布局计算的开始时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#layoutEnd

layoutEnd: number;

布局计算的结束时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#paintingUiOperationExecuteStart

paintingUiOperationExecuteStart: number;

执行绘制相关 UI 操作的开始时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#paintingUiOperationExecuteEnd

paintingUiOperationExecuteEnd: number;

执行绘制相关 UI 操作的结束时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#layoutUiOperationExecuteStart

layoutUiOperationExecuteStart: number;

执行布局相关 UI 操作的开始时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#layoutUiOperationExecuteEnd

layoutUiOperationExecuteEnd: number;

执行布局相关 UI 操作的结束时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#paintEnd

paintEnd: number;

基于 UI 和 UITree，完成最终像素化的结束时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#frameworkPipelineTiming

frameworkPipelineTiming:  FrameworkPipelineTiming[keyof FrameworkPipelineTiming];

框架渲染中关键阶段的性能数据. 类型为 FrameworkPipelineTiming。

#hostPlatformTiming

hostPlatformTiming: AndroidHostPlatformTiming |
  HarmonyHostPlatformTiming |
  IOSHostPlatformTiming;

Lynx Pipeline 中不同平台特有的关键阶段的性能数据， 类型为 AndroidHostPlatformTiming | HarmonyHostPlatformTiming | IOSHostPlatformTiming。

#loadCoreStart

loadCoreStart: number;

初始化后台线程运行时环境的开始时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#loadCoreEnd

loadCoreEnd: number;

初始化后台线程运行时环境的结束时间戳。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#openTime

openTime?: number;

容器开始打开 Lynx 页面的时间。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#containerInitStart

containerInitStart?: number;

容器初始化开始的时间。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#containerInitEnd

containerInitEnd?: number;

容器初始化完毕的时间。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#prepareTemplateStart

prepareTemplateStart?: number;

容器开始准备 TemplateBundle 的时间。“准备”指容器通过网络下载、加载本地缓存等任意方式获得 TemplateBundle。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#prepareTemplateEnd

prepareTemplateEnd?: number;

容器准备完 TemplateBundle 的时间。“准备”指容器通过通过网络下载、加载本地缓存等任意方式获得 TemplateBundle。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#createLynxStart

createLynxStart: number;

LynxView 开始创建的时间。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#createLynxEnd

createLynxEnd: number;

LynxView 创建完毕的时间。该时间戳是一个表示为浮点型的 Unix 时间戳（单位：毫秒），精确到小数点后三位。例如：1739594612307.429。

#fcp

fcp?: PerformanceMetric;

从准备 TemplateBundle 至首次渲染完成的耗时，数据类型为 PerformanceMetric。

计算公式为：fcp = ReloadBundleEntry.paintEnd - InitContainerEntry.prepareTemplateStart。

#lynxFcp

lynxFcp?: PerformanceMetric;

从加载 TemplateBundle 至首次渲染完成的耗时，数据类型为 PerformanceMetric。

计算公式为：lynxFcp = ReloadBundleEntry.paintEnd - ReloadBundleEntry.loadBundleStart。

#totalFcp

totalFcp?: PerformanceMetric;

从用户打开页面至首次渲染完成的耗时，数据类型为 PerformanceMetric。

计算公式为：totalFcp = ReloadBundleEntry.paintEnd - InitContainerEntry.openTime。

#兼容性