#MetricActualFmpEntry

Actual FMP is a key performance metric that measures the time taken for the rendering of the "real data" of a page to complete. It reflects how quickly users see the actual data on the page. MetricActualFmpEntry interface provides timing information about this metric, inheriting from PerformanceEntry.

You can generate this metric by marking the lynx pipeline that contains important elements with __lynx_timing_flag="__lynx_timing_actual_fmp".

In the "real data" rendering, the timing for Actual FMP is as follows:

Depending on different starting points, Lynx provides three metrics: actualFmp, lynxActualFmp, and totalActualFmp. Each metric's definition in the rendering process is illustrated in the diagram below:

#Example

This example demonstrates how to generate and obtain a MetricActualFmpEntry.

Lynx calculates the Actual Fmp when the marked elements have finished rendering. If you have provided container-related timestamps using LynxView.setExtraTiming, the MetricActualFmpEntry includes three metrics: actualFmp, lynxActualFmp, and totalActualFmp. Otherwise, the MetricActualFmpEntry only contains lynxActualFmp. After supplementing the container timestamp, the remaining metrics will be recalculated. Once recalculation is complete, Lynx will send a new lynxActualFmp containing all the metrics.

performance-apisrc/actual_fmp_entry/index.tsx

Preview

#Instance Properties

#entryType

entryType: string;

The type of performance event; the value for all instances of this class is fixed as metric.

#name

name: string;

The specific name of the performance event; the value for all instances of this class is fixed as actualFmp.

#actualFmp

actualFmp?: PerformanceMetric;

The time taken from preparing the TemplateBundle to the completion of rendering for components and tags marked with __lynx_timing_flag="__lynx_timing_actual_fmp", with a data type of PerformanceMetric.

Calculation formula: actualFmp = PipelineEntry.paintEnd - InitContainerEntry.prepareTemplateStart.

#lynxActualFmp

lynxActualFmp: PerformanceMetric;

The time taken from loading the TemplateBundle to the completion of rendering for components and tags marked with __lynx_timing_flag="__lynx_timing_actual_fmp", with a data type of PerformanceMetric.

Calculation formula: lynxActualFmp = PipelineEntry.paintEnd - LoadBundleEntry.loadBundleStart.

#totalActualFmp

totalActualFmp?: PerformanceMetric;

The time taken from the user opening the page to the completion of rendering for components and tags marked with __lynx_timing_flag="__lynx_timing_actual_fmp", with a data type of PerformanceMetric.

Calculation formula: totalActualFmp = PipelineEntry.paintEnd - InitContainerEntry.openTime.

#Compatibility

LCD tables only load in the browser