( Instruments )
This page is the demo.
A canvas-heavy site claiming green Core Web Vitals should prove it. Every number below is measured on your device, in this visit.
( measured on your device, just now )
( Budgets — enforced in CI, not aspired to )
| Metric | Budget | How |
|---|---|---|
| Pre-LCP transfer (home) | ≤ 280 KB | HTML 40 · CSS 18 · JS 90 · fonts 70 · poster 60 |
| WebGL chunk | ≤ 200 KB gz | loads after LCP, on idle — never blocks paint |
| Largest Contentful Paint | ≤ 1.8 s | H1 is real DOM text, always the LCP element |
| Interaction to Next Paint | ≤ 150 ms | init chunked, main thread kept clear |
| Cumulative Layout Shift | ≤ 0.05 | metric-matched font fallbacks, sized media |
| Frame tick | ≤ 8 ms | at 4× CPU throttle — the governor enforces it live |
( The named-ease vocabulary — four verbs, sitewide )
settle
expo.out
section & type reveals
lift
power4.out
masked headline rises
silk
cubic-bezier(0.65, 0.05, 0.1, 1)
page wipes, curtain moments
clasp
elastic.out(1, 0.3)
magnetic-CTA release only
( The sky adapts before it ever janks )
| Tier | Who lands here | What they get |
|---|---|---|
| L3 | Capable desktops | Full GLSL sky at native DPR (capped at 2) |
| L2 | Phones & modest hardware | Same shaders, DPR capped at 1.25 |
| L1 | Data-saver, no WebGL2 | CSS poster sky, full content, full conversion path |
| L0 | Reduced-motion preference | Static poster, native scroll, zero animation |
Mid-session, a frame-time governor watches the exponential moving average of every frame and steps rendering resolution down in 0.25 DPR increments before you can see a stutter. When it does, the rail reads MODE: ECO — an adaptive-quality statement, not a failing number.
( From the sky shader — the stars you're scrolling through )
float starLayer(vec2 uv, float scale, float parallax, float streak) {
vec2 p = uv * scale;
p.y += uScroll * parallax;
vec2 id = floor(p);
vec2 gv = fract(p) - 0.5;
float rnd = hash21(id);
float present = step(rnd, 0.10);
...
d.y /= 1.0 + streak; // page transitions stretch stars into warp lines
}One procedural fragment pass: hash-noise starfields, two fbm nebula layers graded on the brand ramp, grain and vignette composed in the same shader. No textures, no 3D assets — about 29 KB of engine for the whole sky.
( Public regression log )
Relaunch. Budgets set, instruments live. Any metric that slips after this date gets a dated entry here — in public, where it keeps us honest.