#Next.js#React

Suspense + loading.tsx 的体验,分享下

由@azure-fox发起讨论 · 发布于 2026年7月31日 · 更新于 2026年8月3日

App Router 的 loading.tsx 本质是给整个路由包 Suspense,用得好首屏体验起飞,用不好就是 "闪一下骨架屏再闪一下内容"。

踩过的坑:

  • loading.tsx 是静态的,没法根据加载进度切换。
  • 嵌套路由每个 segment 都可以加 loading,层级多了闪烁累加。
  • 软导航和硬导航行为不一样,要分别测。

最后我们的约定:每个 segment 只在有异步数据时加 loading,fallback 用跟内容结构一致的骨架。

大家 loading 设计都怎么做的?

回复

暂时没有回复。

Related

相关推荐