Document Layout Instability API

[Elchi3]

Description

This PR aims to complete the reference docs for the https://wicg.github.io/layout-instability/ API. It also integrates it into the rest of the Performance API docs per our plan to have all Performance APIs in one group and at a central place.

Motivation

openwebdocs/project#62

Additional details

I was thinking about a checklist for what to do when documenting a new Performance API. I haven't come too far on that.

• Update the main Performance_API page
• Update the diagram
• Mention the new API in the PerformanceEntry interface and update its sub pages.
• Update GroupData to add new interfaces to the "Performance" group
• Add new reference pages with the sidebar {{APIRef("Performance API")}}
• Add a chapter to the guide (TBD)
• Add new glossary pages for new metric name (if any)
• Update self.performance page to talk about worker availability.

Related issues and pull requests

None.

[github-actions]

Preview URLs (18 pages)

• /en-US/docs/Web/API/LayoutShift/hadRecentInput
• /en-US/docs/Web/API/LayoutShift/lastInputTime
• /en-US/docs/Web/API/LayoutShift/sources
• /en-US/docs/Web/API/LayoutShift/toJSON
• /en-US/docs/Web/API/LayoutShift/value
• /en-US/docs/Web/API/LayoutShiftAttribution/currentRect
• /en-US/docs/Web/API/LayoutShiftAttribution/node
• /en-US/docs/Web/API/LayoutShiftAttribution/previousRect
• /en-US/docs/Web/API/LayoutShiftAttribution/toJSON
• /en-US/docs/Web/API/LayoutShiftAttribution
• /en-US/docs/Web/API/LayoutShift
• /en-US/docs/Web/API/PerformanceEntry/duration
• /en-US/docs/Web/API/PerformanceEntry/entryType
• /en-US/docs/Web/API/PerformanceEntry/name
• /en-US/docs/Web/API/PerformanceEntry/startTime
• /en-US/docs/Web/API/PerformanceEntry
• /en-US/docs/Web/API/PerformanceLongTaskTiming
• /en-US/docs/Web/API/Performance_API

External URLs (4)

URL: /en-US/docs/Web/API/LayoutShift
Title: LayoutShift

• https://web.dev/cls/ (2 times) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/LayoutShift/value
Title: LayoutShift.value

• https://web.dev/cls/ (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/LayoutShift/lastInputTime
Title: LayoutShift.lastInputTime

• https://web.dev/cls/ (1 time) (Note! This may be a new URL 👀)

---

URL: /en-US/docs/Web/API/LayoutShiftAttribution
Title: LayoutShiftAttribution

• https://web.dev/debug-web-vitals-in-the-field/ (2 times) (Note! This may be a new URL 👀)

(comment last updated: 2023-03-14 13:09:35)

[wbamberg]

I'll look at this one on Monday, Florian.

[github-actions]

This pull request has merge conflicts that must be resolved before it can be merged.

[Elchi3]

Sorry for being so slow to get back into this. I removed CLS for now and presented it more like a metric that people derive with the help of this API but it might not be the only one. The examples also no longer attempt to do (outdated) CLS calculations.

[github-actions]

This pull request has merge conflicts that must be resolved before it can be merged.

[github-actions]

This pull request has merge conflicts that must be resolved before it can be merged.

[github-actions]

This pull request has merge conflicts that must be resolved before it can be merged.

[github-actions]

This pull request has merge conflicts that must be resolved before it can be merged.

[github-actions]

This pull request has merge conflicts that must be resolved before it can be merged.

[github-actions]

This pull request has merge conflicts that must be resolved before it can be merged.

[Elchi3]

This is ready for a re-review, fwiw. I keep getting merge conflicts 😅

[wbamberg]

Thanks Florian!

[wbamberg]

Thanks Florian!

[wbamberg]

👍 thank you @Elchi3 !