弱网下的阅读体验
在电梯里打开一个页面,信号从 4G 掉到 2G,再掉到没有。这时候评价标准不是"首屏 1.2 秒",而是"我到底能不能看到字"。
文字先到,装饰后到
把内容从样式里解耦出来:先渲染文字,再谈配色。骨架屏是一种妥协,直接出内容才是正确答案。
让失败可见
转圈是最糟糕的交互,因为它不告诉你还要等多久。
- 3 秒无响应,给出明确提示
- 失败就失败,给一个重试按钮
- 有缓存就先用缓存,后台再更新
离线不是彩蛋
已经读过的文章应该永久可读。Service Worker 让这件事变得便宜:装好壳,缓存正文,断网时仍然是一张完整的纸。
净效果是:网络越差,静态站的优势越明显。