§15-07Perceived Performance
Stale-while-revalidate (subtle 更新)
保存済みの内容を先に表示し、更新後に差し替える。
再訪時に待たずに前回の内容を見られ、最新化は背景で済む。頻繁に開くダッシュボードや一覧で、体感速度を上げたいときに使う。
実装のポイント
キャッシュ済みの値を即表示し、再検証中は控えめなインジケーターだけ出す。値が変わったときだけ差分を強調し、フォーカス復帰時にも再検証する。
- 特徴
- 非同期
- タイマー
- デモで使っているもの
- motion
- lucide-react