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.
| Block | Lives on | Status | What 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 | Original (rebuild pending) | Static map layer drawn once; marker animates in its own layer; pauses off-screen. | Rebuilt Original |
| Site identification (Sites) | Sites | Original (rebuild pending) | Same fix as the home version, dark palette with the criteria list. | 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 | Original (rebuild pending) | DOM 3D scene → Canvas 2D; controls unchanged. | 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.