MetricActualFmpEntry

Actual Fmp 是衡量页面“真实数据”渲染完成所需时间的关键性能指标。它反映了用户看到页面真实数据的速度。MetricActualFmpEntry 是用于描述该指标的数据类型,继承自 PerformanceEntry

你可以通过 __lynx_timing_flag="__lynx_timing_actual_fmp" 标记重要元件的渲染完成时机,从而产生该指标。

在实际业务渲染中,ActualFmp 的时机如下:

根据不同起始点,Lynx 提供了 actualFmplynxActualFmptotalActualFmp 三个指标。在渲染流程中,每个指标的定义如下图::

示例

该示例展示了如何产生和获取 MetricActualFmpEntry

Lynx 在被标记的元件渲染完成时计算 Actual Fmp。如果已经通过 LynxView.setExtraTiming 提供了容器时间戳,那么收到的 MetricActualFmpEntry 里会包含 actualFmplynxActualFmptotalActualFmp 三项指标。否则,MetricFcpEntry 只包含 lynxActualFmp。补充容器时间戳后,其余指标将被重新计算。重新计算完成后,Lynx 将发送一个新的包含所有指标的 MetricActualFmpEntry

实例属性

entryType

entryType: string;

性能事件的类型,当前类所有实例的值均固定为 metric

name

name: string;

性能事件的具体名称,当前类所有实例的值均固定为 actualFmp

actualFmp

actualFmp?: PerformanceMetric;

从准备 TemplateBundle 至带有 __lynx_timing_flag="__lynx_timing_actual_fmp" 元件与标签渲染完成的耗时,数据类型为 PerformanceMetric

计算公式为:actualFmp = PipelineEntry.paintEnd - InitContainerEntry.prepareTemplateStart

lynxActualFmp

lynxActualFmp: PerformanceMetric;

从加载 TemplateBundle 至带有 __lynx_timing_flag="__lynx_timing_actual_fmp" 元件与标签渲染完成的耗时,数据类型为 PerformanceMetric

计算公式为:lynxActualFmp = PipelineEntry.paintEnd - LoadBundleEntry.loadBundleStart

totalActualFmp

totalActualFmp?: PerformanceMetric;

从用户打开页面至带有 __lynx_timing_flag="__lynx_timing_actual_fmp" 元件与标签渲染完成的耗时,数据类型为 PerformanceMetric

计算公式为:totalActualFmp = PipelineEntry.paintEnd - InitContainerEntry.openTime

兼容性

LCD tables only load in the browser

除非另有说明,本项目采用知识共享署名 4.0 国际许可协议进行许可,代码示例采用 Apache License 2.0 许可协议进行许可。