Limited Availability Performance

Layout instability performance entries

A layout-shift performance entry measures the layout stability of web pages based on movements of the elements on the page. They're used to calculate cumulative layout shift (CLS), a common metric for perceived stability.

Baseline Status: This feature is currently Limited (not yet Baseline). Latest engine implementation shipped on Jul 27, 2020.

Desktop Browser Engine Support

Google Chrome

84

Supported

Mozilla Firefox

—

Unsupported

Apple Safari

—

Unsupported

Microsoft Edge

84

Supported

Mobile Browser Engine Support

Chrome Android

84

Firefox Android

—

Safari iOS

—

Specifications and References

Specification ↗ Feature XML ↗

MDN Browser Compat Data Keys:

api.LayoutShift ↗ api.LayoutShift.hadRecentInput ↗ api.LayoutShift.lastInputTime ↗ api.LayoutShift.sources ↗ api.LayoutShift.toJSON ↗ api.LayoutShift.value ↗ api.LayoutShiftAttribution ↗ api.LayoutShiftAttribution.currentRect ↗ api.LayoutShiftAttribution.node ↗ api.LayoutShiftAttribution.previousRect ↗ api.LayoutShiftAttribution.toJSON ↗