散点图

打包体积对比加载时间

JavaScript 体积怎么拖慢速度。

02s4s200400600800打包体积(KB)可交互时间
由 MakeCharts 制作 — 打包体积对比加载时间

这张图说明了什么

每个点都是一次上线的构建。关系接近线性,于是性能预算变成了一道算术题。

背后的数据

图上的每一个数字,都可以自由复制和使用。 下载 CSV

系列180240310380450520610700810940
构建1.2s1.5s1.8s2.1s2.5s2.9s3.4s3.9s4.6s5.4s

三步做成你自己的

  1. 打开示例编辑器会带着这份数据、配色和单位直接打开,不用导入任何东西。
  2. 换成你的数字在侧边栏填入你的数值,粘贴一份 CSV,或者直接告诉 AI 聊天有什么变了——它会替你改写图表。
  3. 导出或分享以演示尺寸下载 PNG、SVG 或 PDF,也可以分享一个团队能继续编辑的实时链接。
完整指南散点图把两个变量逐点绘出,揭示相关性、聚集和异常值。