What shifted
What kind of element moved in the captured layout shifts (heuristic, top-5 shifts per site).
At a glance the headline numbers for What shifted
What kind of element moved in the captured layout shifts (heuristic, top-5 shifts per site).
2.1% of captured layout shifts trace back to unsized media. Font swaps account for 6.1%.
The what shifted mix who uses what, and how fast each group loads
What shifted. On the fleet: 82.9% box grow, 8.4% displaced, 6.1% font text. 78.7% of sites use at least one box_grow.
Passing INP per bucket every category and count level at once - color is the pass rate
Each row is a category, each column its own count bucket (few on the left, many on the right); the cell is the share of those sites passing INP.
No category moves the INP pass rate much, however many a site ships. computed
Few vs many - does quantity cost INP? the pass rate with few vs many of each category
Per category: the pass rate among pages with FEW of it (hollow ring) against pages with MANY (solid dot), worst trend first. Thin buckets are excluded from the endpoints.
Quantity barely moves INP here. The worst trend is Box grow, at 0 points. computed
Why this matters for the Core Web Vitals, and where to start fixing it
CLS tells you how much the page moved. This metric tells you what moved, and that decides the fix. An image without dimensions pushes everything below it down when it arrives. A swapped web font reflows whole paragraphs of text. An injected embed, banner or ad shoves the content aside after the page looked done.
Each element type has its own cure. Images need width and height so the browser reserves the box. Text needs a font-display strategy and a fallback font with matching metrics. Embeds and ads need a fixed slot that exists before they load. Identify the element first, then apply the matching fix.
Chrome field data from 189,915 sites, representing millions of real page loads. How we measured.