Django前端网页长时间闲置后加载变慢，JS加载耗时异常求助

一、浏览器进程资源被压缩/内存泄漏 #

• 网页长时间闲置后，浏览器会把对应标签页进程标记为低优先级，压缩CPU、内存分配额度，再次触发加载时进程需要重新抢占资源，直接拖慢JS解析、执行速度。可以打开系统任务管理器，对比首次加载和闲置后该标签页的内存占用、CPU使用率差异。
• 排查图表实例内存泄漏：vis.js 3D和plotly图表如果没在刷新时销毁旧实例，闲置期间会累积大量无效对象，拖慢JS引擎运行效率。用DevTools的Memory面板，分别在首次加载后、闲置一段时间后拍内存快照，对比堆内存中图表相关对象的数量和大小，看是否持续增长。

二、CDN资源请求链路异常 #

• 检查cdnjs资源的连接复用情况：闲置后可能出现TCP连接断开、DNS缓存过期，导致重新请求时需要重新建立连接、解析DNS，耗时暴增。在DevTools的Network面板，对比首次加载和闲置后的请求详情：看JS资源的Connection头是否为close，DNS解析、TCP连接阶段的耗时是否大幅上升。
• 验证缓存读取瓶颈：虽然你说清缓存无效，但可以确认是否是内存缓存被释放，重新从磁盘读取时出现IO延迟。看Network面板的Size列，首次加载是memory cache，闲置后是否变成disk cache或重新下载，同时观察磁盘读取的耗时数据。

三、系统/浏览器后台任务抢占资源 #

• 闲置期间浏览器可能在后台执行自动更新、扩展程序任务、书签同步等，或者系统层面有杀毒扫描、系统更新、后台下载等占用CPU/内存/带宽，导致浏览器加载JS时资源不足。可以先禁用所有浏览器扩展再测试，或者闲置后查看任务管理器中浏览器后台进程、系统进程的资源占用情况。

四、JS脚本执行逻辑的累积问题 #

• 检查图表初始化逻辑：是否每次刷新都重复创建图表实例，没清理旧的？闲置后页面堆了大量未销毁的图表对象，刷新时JS要处理更多垃圾回收或遍历无效对象，耗时增加。在代码里加上图表销毁逻辑（比如plotly.purge()、vis.js的destroy()方法），刷新前先清理旧实例。
• 排查后台定时/监听任务：页面里如果有setInterval、WebSocket长连接、滚动/resize监听，闲置期间这些任务持续运行，会堆积大量待执行任务，再次加载时要先处理积压任务，导致加载变慢。用DevTools的Performance面板录制闲置后刷新的过程，看JS执行栈里是否有大量重复执行的任务。

五、浏览器特定机制或bug #

• 换不同浏览器测试（比如Chrome换Firefox、Edge），如果仅在某款浏览器出现问题，大概率是该浏览器内核的内存管理、进程调度bug导致。
• 检查是否开启节能模式：部分浏览器在页面闲置后会自动开启节能模式，限制JS执行速度、降低CPU频率，直接导致加载耗时飙升，可以关闭节能模式后再测试。

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