Skip to content
Andrew Voirol
WorkLogAboutContact
HomeWorkLog

AboutContact

✦ Just one prompt away from figuring it all out.

Saturday, August 1, 2026fluid-figures

190 kilobytes of app, 973 of Three.js

Three.jsPerformanceShipping

Before pushing Fluid Figures to GitHub, I ran a launch pass and found the entire 3D engine bundled into a single 1.17MB monster chunk. Vite threw chunk-size warnings because Three.js, @react-three/fiber, and @react-three/postprocessing were all lumped together with the simulation code. Added a manualChunks split in vite.config.ts targeting vendor-three — the app bundle instantly collapsed to 189.75KB (60KB gzip), leaving the 973KB Three.js runtime isolated in a vendor chunk that browsers can cache permanently. Wrapped the canvas in a <main> semantic landmark for accessibility, captured a 3.9MB demo GIF alongside two screenshots, wrote a 46-line README, and added the MIT license. Shipped 14 files and 3,334 lines across two clean commits at 2:17 AM. From a broken AI Studio zip that died at nine to a zero-chrome WebGL art piece live on GitHub in one evening.

← Previous

Reconciler crashes and the Reykjavik snow globe

Next →

Globe to map UI debugging


Andrew Voirol

Builder, hacker, shipper. Currently leaving localhost.

Navigate

WorkBuilder’s LogAboutContactRSS Feed

Connect

X / TwitterGitHubLinkedIn

© 2026 Andrew Voirol·Back to top ↑
✦Just one prompt away from figuring it all out.