Files
openswarm/docs/perf/winv2/appbuilder_breakdown.svg
T
Eric 24a767eec9 [eric] perf: winv2 windows startup + app builder profiling, tracking doc, graphs
- warm boot floor 8256ms -> 857ms; app builder download + create breakdown measured

- harnesses, csv, dependency-free svg graphs, per-step savings table, #9 plan
2026-06-16 21:58:39 -07:00

22 lines
1.9 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" width="980" height="350" font-family="Segoe UI, sans-serif">
<text x="20" y="30" font-size="17" font-weight="600" fill="#1a1d27">App Builder "create app -> live preview" breakdown (ms)</text>
<text x="310" y="76" font-size="12" fill="#1a1d27" text-anchor="end">seed workspace + link node_modules (per app)</text>
<rect x="320" y="56" width="1.0" height="30" fill="#2e9e5b" rx="3"/>
<text x="329" y="76" font-size="12" fill="#1a1d27">67ms</text>
<text x="310" y="120" font-size="12" fill="#1a1d27" text-anchor="end">download: archive extract (new build path, one-time)</text>
<rect x="320" y="100" width="189.7" height="30" fill="#2e9e5b" rx="3"/>
<text x="518" y="120" font-size="12" fill="#1a1d27">14.20s</text>
<text x="310" y="164" font-size="12" fill="#1a1d27" text-anchor="end">download: npm install (cold fallback, one-time)</text>
<rect x="320" y="144" width="570.0" height="30" fill="#d64545" rx="3"/>
<text x="898" y="164" font-size="12" fill="#1a1d27">42.68s</text>
<text x="310" y="208" font-size="12" fill="#1a1d27" text-anchor="end">vite bind: cold vite cache (first app)</text>
<rect x="320" y="188" width="89.7" height="30" fill="#d64545" rx="3"/>
<text x="418" y="208" font-size="12" fill="#1a1d27">6.71s</text>
<text x="310" y="252" font-size="12" fill="#1a1d27" text-anchor="end">vite bind: warm shared cache (subsequent)</text>
<rect x="320" y="232" width="9.0" height="30" fill="#2e9e5b" rx="3"/>
<text x="337" y="252" font-size="12" fill="#1a1d27">672ms</text>
<text x="310" y="296" font-size="12" fill="#1a1d27" text-anchor="end">build-time: tar node_modules to archive (CI, not user)</text>
<rect x="320" y="276" width="90.9" height="30" fill="#2e9e5b" rx="3"/>
<text x="419" y="296" font-size="12" fill="#1a1d27">6.81s</text>
<text x="20" y="340" font-size="11" fill="#8892a4">green = warm/per-app cost; red = cold one-time download (npm with no archive)</text>
</svg>