跳转到内容
View in the app

A better way to browse. Learn more.

彼岸论坛

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.
欢迎抵达彼岸 彼岸花开 此处谁在 -彼岸论坛

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

发表于

最近在撸一些 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 请求量,接口防刷。有些或许能在边缘节点运算?

Featured Replies

No posts to show

创建帐户或登录来提出意见

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.