本文へ移動

§15-07Perceived Performance

Stale-while-revalidate (subtle 更新)

保存済みの内容を先に表示し、更新後に差し替える。

再訪時に待たずに前回の内容を見られ、最新化は背景で済む。頻繁に開くダッシュボードや一覧で、体感速度を上げたいときに使う。

実装のポイント

キャッシュ済みの値を即表示し、再検証中は控えめなインジケーターだけ出す。値が変わったときだけ差分を強調し、フォーカス復帰時にも再検証する。

特徴
  • 非同期
  • タイマー
デモで使っているもの
  • motion
  • lucide-react