clarity.js 瘦身 4.5%：微软用 AI 自动化实验在前端兼容性夹缝中寻优
talkingdev • 2026-11-05
1487 views
微软 Clarity 团队近日公布了 clarity.js 前端分析脚本的压缩优化实践。团队构建了一套自动化 AI 实验循环，在超过 50 次自动变更、构建、测量和测试中，最终将 clarity.js 的 gzip 压缩体积减少 1,257 字节，约相当于 4.5%。实验结果显示，主要收益来自命名导入和压缩器配置调整，而将小型辅助函数提取出来有时反而会增加压缩后体积，说明压缩优化并非简单的模块拆分。更有趣的是，团队曾探索采用现代 JavaScript 输出来获得更大的体积缩减，但该方案因原生 async 函数会破坏依赖 Zone.js 的 Angular 站点兼容性而无法上线。这一案例凸显了前端性能优化中压缩效率与生态兼容性之间的微妙平衡，也展示了自动化实验在快速验证多种优化假设方面的价值。
核心要点
- 微软通过 50 余次自动化实验将 clarity.js 的 gzip 体积减少 1,257 字节，约 4.5%。
- 命名导入和压缩器设置是主要优化来源，提取小辅助函数未必能减小压缩体积。
- 现代 JavaScript 输出方案因原生 async 函数与 Angular Zone.js 兼容性冲突而未能发布。