[问与答] 日活百万的网页应用如何保证用户体验与可靠性？

[小天管理]

最近在撸一些 tg 上的 miniapp ，其实就是嵌了 Telegram SDK 的 H5 网页。人少时勉强还能用，人数上百万时体验就不行了。虽然用户数多，但可能就是些草台班子搭建的，我甚至看到个直接挂在 github pages 上的。

用户体验（前端）

• 这一块应该不是瓶颈，但是胡乱“糊”的毫无体验可言。有用 react/next.js ，有用 vue/vuxt.js 的，动不动就重新 render 整个列表或页面。卡顿，白屏，无法交互等，不知道做了什么导致 cpu 飙高设备发热
• CDN 与缓存，HTTP2 or HTTP3
• 错误上报，反馈。内部测试没几个人，一旦数量级上百万了，错误率也可能放大 n 倍。没有这一环开发者根本不知道会出现什么 bug

可靠性（后端）

• 经常看到一些网络错误，通常是 500 ，导致 502/504 网关之类的
• 数据库/服务器负载能力。备用？或者创建集群？
• API 请求量，接口防刷。有些或许能在边缘节点运算？