#LazyBundleEntry

Through lazy loading components, developers can render on demand, thereby improving user experience. LazyBundleEntry is used to record the performance data of lazy loading components and inherits from PerformanceEntry.

#Example

This example demonstrates how to obtain a LazyBundleEntry.

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

Preview

#Instance properties

#entryType

entryType: string;

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

#name

name: string;

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

#componentUrl

componentUrl: string;

The URL string used to load the lazy loading component.

#size

size: number;

The resource size of the lazy loading component, in bytes.

#mode

mode: string;

The mode for loading the lazy loading component, with values: preload or normal.

#sync

sync: boolean;

Whether the lazy loading component is rendered synchronously.

#loadSuccess

loadSuccess: boolean;

Whether the lazy loading component was loaded successfully.

#requireStart

requireStart: number;

The start timestamp for downloading the lazy loading component.This timestamp is a floating-point Unix timestamp (in milliseconds).

#requireEnd

requireEnd: number;

The end timestamp for downloading the lazy loading component.This timestamp is a floating-point Unix timestamp (in milliseconds).

#decodeStart

decodeStart: number;

The start timestamp for decoding the lazy loading component.This timestamp is a floating-point Unix timestamp (in milliseconds).

#decodeEnd

decodeEnd: number;

The end timestamp for decoding the lazy loading component.This timestamp is a floating-point Unix timestamp (in milliseconds).

#Compatibility

LCD tables only load in the browser