Flexnode animations — performance test build

Each block has two pages: the rebuilt version and Alex's original, so they can be compared on the same phone. Open a block, let it run for a full loop, then try the original. The home page mock-up stacks the rebuilt home blocks in page order. Nothing here is indexed.

Home page mock-up →

BlockLives onStatusWhat changed
NX Formation Webpriority Home · 03 Coordinated delivery Rebuilt SVG with 4,748 live nodes → Canvas 2D. Same geometry, timeline and shading. Native embed, no iframe. Rebuilt Original
Flywheelpriority The NX Rebuilt Canvas: 117 → ~21 stroke calls per frame, lite quality on slow devices, pause when hidden, poster fallback. Rebuilt Original
Compute rack positions Home · 04 Compute compatibility Rebuilt Already canvas; now a native embed with CONFIG, explicit size and poster; fits the 10k limit. Rebuilt Original
Site identification (home) Home · 05 Sites and power Rebuilt Static map drawn once; marker animates in its own compositor layer; pauses off-screen and on hidden tab. Two Embed parts. Rebuilt Original
Site identification (Sites) Sites Rebuilt Same rebuild as the home version, dark palette with the criteria list. Two Embed parts. Rebuilt Original
Timeline Home · 06 Delivery Checked · unchanged One-shot CSS animation; already light. Unchanged. Rebuilt Original
Timeline (How we build) How we build Rebuilt Flowing dashes moved to their own layer so the shadowed SVG paints once; pauses off-screen. Rebuilt Original
Full-stack coordination How we build Checked · unchanged One-shot CSS animation; already light. Unchanged. Rebuilt Original
Compute compatibility Compute Rebuilt DOM 3D scene (up to ~700 layers) → Canvas 2D; controls, data and texts unchanged. Each click no longer freezes the page. Rebuilt Original

Tip for phones: if a block looks the same but scrolls smoothly, that is the result. Reduced-motion users see a static frame on every block.