Layout instability
The layout-shift
performance entry and LayoutShift
API measures the layout stability of web pages based on movements of the elements on the page.
To learn more, see
LayoutShift,
LayoutShift: hadRecentInput property,
LayoutShift: lastInputTime property,
LayoutShift: sources property,
LayoutShift: toJSON() method,
LayoutShift: value property,
LayoutShiftAttribution,
LayoutShiftAttribution: currentRect property,
LayoutShiftAttribution: node property,
LayoutShiftAttribution: previousRect property,
LayoutShiftAttribution: toJSON() method at MDN.
Compatibility
- Chrome 84 Released on 2020-07-27
- Chrome Android 84 Released on 2020-07-27
- Edge 84 Released on 2020-07-16
- Firefox ❌ Search for bugs Search for standards position
- Firefox for Android ❌ Search for bugs Search for standards position
- Safari ❌ Search for bugs Search for standards position
- Safari on iOS ❌ Search for bugs Search for standards position
Specifications
- Layout Instability, from Web Platform Incubator Community Group (W3C).