832
把 Vue 的构建时间从 4 分钟压到 40 秒，主要靠这 5 件事
先说背景。我们的场景是 Vue + 三个下游服务，日均请求量七位数，峰值集中在晚上九点前后。
顺便说一句，官方文档里这段其实有写，只是藏在一个很不起眼的位置。我是在翻源码注释的时候才发现的，注释里作者解释了为什么这么设计 —— 大意是「为了在极端情况下退化成可预期的行为」。
文档优先44%
源码优先28%
直接问人17%
先跑个 demo 试错11%
共 1414 人参与投票
361 条评论
361 条评论
· 已加载前 120 条我
Hhuang_ke楼主·2 天前已编辑
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
450
Rran_bo楼主·2 天前已编辑
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
436
Wwinter版主·2 天前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
475
Rran_bo·2 天前已编辑
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
4443 条直接回复
Rrase楼主·2 天前
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
8
Ttang_hao·2 天前
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
53
Bbob_chen·5 小时前已编辑
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
10
Zzhou_yi·2 小时前已编辑
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
3941 条直接回复
Bbob_chen·2 天前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
205
Cchen_dev楼主·12 分钟前
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
332
Oops_wang·2 天前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
3102 条直接回复
Aalice_dev楼主·2 天前
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
496
Hhuang_ke·昨天
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
129
Sswoole_lee·2 天前
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
3051 条直接回复
Sslow_query·2 天前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
58
Mmike_xu·刚刚
已收藏。正好这周要改这块，少走很多弯路。
301
Lli_ming·2 天前
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
250
Ttang_hao·2 天前已编辑
已收藏。正好这周要改这块，少走很多弯路。
223
Aalice_dev·2 天前
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
2221 条直接回复
Ddev_zhou·2 天前
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
11 条直接回复
Lli_ming楼主·2 天前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
4751 条直接回复
Lli_ming楼主·2 天前
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
443
Nnikic楼主·5 小时前
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
127
Nnikic·2 天前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
148
Kkernel_panic·2 天前
感谢分享真实数据，比很多只讲概念的文章有用得多。
139
Rrase·2 天前
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
115
Sswoole_lee楼主·2 天前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
461 条直接回复
Mmike_xu·12 分钟前
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
4592 条直接回复
Rrase·2 天前
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
24
Mmike_xu·3 分钟前
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
62 条直接回复
Nnikic楼主·5 小时前
感谢分享真实数据，比很多只讲概念的文章有用得多。
881 条直接回复
Ttang_hao·2 天前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
721 条直接回复
Llinlin·3 分钟前已编辑第 6 层
已收藏。正好这周要改这块，少走很多弯路。
171
Nnikic·3 分钟前
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
19
Hhuang_ke·2 天前
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
105
Bbob_chen·28 分钟前
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
98
Rran_bo·28 分钟前
感谢分享真实数据，比很多只讲概念的文章有用得多。
962 条直接回复
Ddev_zhou楼主·1 小时前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
245 条直接回复
Kkernel_panic·2 小时前已编辑
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
5193 条直接回复
Zzhu_zong·2 天前
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
274
Hhuang_ke·2 天前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
118
Zzhou_yi楼主版主·2 天前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
181 条直接回复
Lli_ming版主·2 天前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
732 条直接回复
Nnikic·2 天前第 6 层
感谢分享真实数据，比很多只讲概念的文章有用得多。
440
Zzhou_yi·2 天前第 6 层
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
4
Bbob_chen·2 天前
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
457
Llinlin·5 小时前
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
2583 条直接回复
Zzhu_zong·2 天前
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
1071 条直接回复
Llinlin·2 天前
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
77
Ddev_zhou·2 天前已编辑
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
13 条直接回复
Rran_bo·2 天前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
393
Zzhou_yi·2 天前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
364
Wwinter·2 天前
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
70
Kkernel_panic·2 天前
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
12 条直接回复
Aalice_dev·2 天前已编辑
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
517
Sslow_query·2 天前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
145
Rran_bo·2 天前
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
1631 条直接回复
Sswoole_lee·2 天前
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
350
Sswoole_lee·2 小时前已编辑
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
5
Hhuang_ke·28 分钟前
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
91 条直接回复
Lli_ming·2 天前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
165
Bbob_chen·2 天前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
93
Llinlin楼主·刚刚
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
18
Sslow_query楼主·2 天前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
17
Rran_bo·12 分钟前
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
73
Ddev_zhou·2 小时前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
732 条直接回复
Kkernel_panic·2 天前
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
117
Kkernel_panic·28 分钟前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
22 条直接回复
Llinlin·昨天
感谢分享真实数据，比很多只讲概念的文章有用得多。
3622 条直接回复
Kkernel_panic·2 天前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
4092 条直接回复
Wwinter楼主·2 天前
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
481 条直接回复
Cchen_dev·2 天前已编辑第 6 层
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
237
Rrase楼主·2 天前
感谢分享真实数据，比很多只讲概念的文章有用得多。
1
Zzhou_yi·3 分钟前已编辑
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
236
Zzhu_zong·2 天前已编辑
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
522 条直接回复
Nnikic·2 天前
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
510
Kkernel_panic楼主·2 天前
已收藏。正好这周要改这块，少走很多弯路。
963 条直接回复
Mmike_xu·2 天前
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
51
Nnikic·2 天前
已收藏。正好这周要改这块，少走很多弯路。
25
Cchen_dev·2 天前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
1
Kkernel_panic楼主·12 分钟前
这个结论和我们线上的观察一致。我们是在 QPS 到 3k 之后才撞上这个问题的，前压测阶段完全看不出来——因为压测流量太「干净」了，没有长尾请求。
81 条直接回复
Aalice_dev·2 天前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
4661 条直接回复
Oops_wang·昨天
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
3354 条直接回复
Cchen_dev·2 天前
已收藏。正好这周要改这块，少走很多弯路。
114
Aalice_dev·2 天前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
47
Zzhu_zong·2 天前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
321 条直接回复
Wwinter·昨天
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
151
Ttang_hao·2 天前已编辑
感谢分享真实数据，比很多只讲概念的文章有用得多。
142 条直接回复
Oops_wang·28 分钟前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
2421 条直接回复
Llinlin·2 天前第 6 层
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
202
Kkernel_panic·2 天前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
111 条直接回复
Zzhou_yi·2 天前已编辑第 6 层
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
400
Aalice_dev·2 天前
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
641 条直接回复
Nnikic·3 分钟前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
1231 条直接回复
Hhuang_ke·2 天前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
4631 条直接回复
Mmike_xu·2 天前
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
187
Rrase·2 天前
有没有人做过对照实验？我做了一组，把变量控制到只剩这一个，结果差距只有 4%，基本在噪声范围内。所以我觉得主因可能不是这个。
51
Kkite·2 天前
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
33
Zzhu_zong·2 天前
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
33
Nnikic·12 分钟前
这不是 Vue 的问题，是用法的问题。文档里写了这个 API 不是线程安全的，要自己在外面加锁。
28
Rrase·2 天前
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
141 条直接回复
Ttang_hao·2 天前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
1572 条直接回复
Kkite·2 天前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
69
Ddev_zhou·2 天前
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
1
Mmike_xu·1 小时前
我们生产环境用了两年，没遇到过。不过我承认我们没上到这个量级，所以这个结论对我们没有参考价值。
131 条直接回复
Kkernel_panic·12 分钟前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
1162 条直接回复
Kkernel_panic·2 天前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
315
Rrase·2 天前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
100
Ttang_hao·2 天前
贴一下我们的实测数据，8 核 16G，同样的场景：
| 并发 | P50 | P99 | |---|---|---| | 200 | 12ms | 88ms | | 500 | 31ms | 340ms |
P99 在 500 并发时明显崩了，和你说的拐点基本吻合。
8
Sslow_query·12 分钟前已编辑
刚翻了下 Vue 的源码，作者在注释里其实解释过为什么这么设计，大意是「为了在极端情况下退化成可预期行为」。
61 条直接回复
Oops_wang·2 天前
补充一个反例：如果 Vue 的版本低于 7.4，这段代码的语义是不一样的，别照抄。我们在灰度环境踩过，回滚了一次。
342
Sslow_query·2 天前
能不能给出最小复现？我本地跑了十分钟没复现出来，环境是 macOS + 最新版。
6
Rran_bo·2 天前
楼主说的第 3 点我有不同看法。这里的取舍取决于你的读写比：读多写少的话，加缓存反而会放大不一致窗口。
6
Cchen_dev·昨天
已收藏。正好这周要改这块，少走很多弯路。
42 条直接回复
Sswoole_lee·2 天前
已收藏。正好这周要改这块，少走很多弯路。
273
Sslow_query·5 小时前
想请教一下，这个方案在容器里（内存限制 512Mi）会有什么变化？我们线上就是这么配的。
2062 条直接回复
Wwinter·2 天前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
224
Hhuang_ke·2 天前
楼主这个排查思路值得学习。我们之前是直接从日志下手，绕了很大一圈。
216
Zzhou_yi·5 小时前
这里其实有个更简单的做法，不需要改架构：把这一层判断提前到网关，问题就消失了。代价是网关会多一次查表。
41 条直接回复
Zzhu_zong·2 天前
同意上面说的。补充一点：如果开了这个选项，监控指标里的 GC 次数会翻倍，需要同步调整告警阈值，否则会一直误报。
250
这是帖子详情页 /zh-CN/c/vue/post/p2。帖子与评论都由种子随机数确定性生成 —— 同一个帖子每次打开内容一致，因此可以直接分享链接、刷新、被搜索引擎收录。真实实现里这一页是 MySQL 读帖子 + Redis 缓存热帖 + 评论树按 path 字段一次性取出。
看数据表设计 →