Next.js 14切换浏览器标签页后崩溃需刷新，求故障原因

• 浏览器后台资源限制：浏览器会给后台标签页降低资源优先级，减少CPU、内存分配，甚至暂停部分脚本执行。如果项目里有持续运行的定时器、WebSocket连接或长轮询逻辑，后台被暂停后恢复时，很容易出现状态不一致、连接中断的情况，进而导致页面崩溃。
• React状态管理异常：如果用了非持久化的状态管理（比如组件本地状态、未做持久化的Context），后台页面被浏览器回收部分内存后，状态可能丢失或损坏，恢复时组件无法正确渲染，引发崩溃。
• App Router缓存/ hydration问题：App Router下的组件如果依赖不稳定的服务器数据，或者hydration过程中前后端数据不匹配，后台停留期间服务器数据更新，返回时就会因为hydration失败导致页面崩溃。另外，动态渲染的组件在后台可能因缓存过期，恢复时重新获取数据出现异常。
• 第三方库兼容性问题：某些第三方UI库、统计脚本或SDK在后台标签页环境下会出现异常行为，比如内存泄漏、未处理的Promise拒绝，积累到一定程度就会导致页面崩溃。
• Service Worker异常：如果项目配置了Service Worker，后台期间可能出现缓存冲突、脚本错误，恢复时无法正确拦截请求，导致页面资源加载失败，引发崩溃。
• 内存泄漏：页面存在内存泄漏问题（比如未清理的事件监听、定时器、订阅），后台停留期间内存占用持续增加，达到浏览器限制后被强制终止，返回时必须刷新才能恢复。

内容的提问来源于stack exchange，提问作者Konul Memmedova