/docsfor
Docs

Dumbbell

Then and now, one row per entity.

import { Dumbbell } from "diagrammatic";

Ten pages, two moments. Pale is the week before the CDN. Dark is the week after. The bar is the work.

LCP before and after CDN2.5s budgetbeforeafterhomesearchcheckoutprofiledocspricingblogdashboardsettingschangelog

Illustrative data. Field p75 LCP, ms. Week of 28 Jul versus week of 11 Aug.

fig. 44 · LCP, before and after the image CDN

Docs, profile, and dashboard drop below the 2.5s budget. Home was already below it. Checkout is the only page that gets slower, rising from 1.86s to 2.14s, but it remains below the budget.

Use it for
Before-and-after gaps across categories without slope clutter.
Watch out
Two points only; for the path between them use a slope chart.