散点图
打包体积对比加载时间
JavaScript 体积怎么拖慢速度。
这张图说明了什么
每个点都是一次上线的构建。关系接近线性,于是性能预算变成了一道算术题。
背后的数据
图上的每一个数字,都可以自由复制和使用。 下载 CSV
| 系列 | 180 | 240 | 310 | 380 | 450 | 520 | 610 | 700 | 810 | 940 |
|---|---|---|---|---|---|---|---|---|---|---|
| 构建 | 1.2s | 1.5s | 1.8s | 2.1s | 2.5s | 2.9s | 3.4s | 3.9s | 4.6s | 5.4s |
三步做成你自己的
- 打开示例编辑器会带着这份数据、配色和单位直接打开,不用导入任何东西。
- 换成你的数字在侧边栏填入你的数值,粘贴一份 CSV,或者直接告诉 AI 聊天有什么变了——它会替你改写图表。
- 导出或分享以演示尺寸下载 PNG、SVG 或 PDF,也可以分享一个团队能继续编辑的实时链接。