Nolan Lawson 实测 12 种 JavaScript 框架：Angular 开发成本近翻倍且 Token 消耗超两倍

前 Microsoft Edge 性能项目经理 Nolan Lawson 让 AI Agent 使用 Claude Opus 5.5 构建同一个宝可梦应用，对比 12 种 JavaScript 框架的开发成本、Token 消耗及生成代码质量。结果显示 Hono+htmx 中位成本最低为 2.67 美元，而 Angular 高达 4.97 美元，接近前者两倍；Angular 的 Token 消耗达到 976 万，是 Hono+htmx 的约 2.3 倍。

测试细节显示，不同框架生成的代码规模差异巨大，Hono+htmx 仅生成 1370 行非空代码，而 Angular 达到 2009 行。在性能指标上，Astro 的 JavaScript 传输体积最轻（0KiB），但 Angular 的总阻塞时间（TBT）最高达 103ms，Next.js 次之（71ms）。尽管 Lighthouse 整体评分普遍接近满分，但在具体执行效率如最大内容绘制时间（LCP）上，多页面应用（MPA）方案往往优于单页面应用（SPA）。

该实验揭示了 AI 编程时代技术选型的新变量：框架是否容易被模型理解直接影响 Token 消耗和维护成本。虽然社区对于是否回归原生或保留复杂框架存在争议，但核心结论明确——当开发者不再逐行编写代码时，选择框架的标准应从“人类开发体验”转向“Agent 理解效率与单位经济”。事实部分基于 5 次独立沙箱测试的平均值，推断部分指出未来企业选型需纳入 AI 成本考量，猜测部分涉及框架长期维护价值在 AI 辅助下的演变。