如何解决加载资源时报错Failed to load resource: net::ERR_INSUF的问题

错误含义 #

Failed to load resource: net::ERR_INSUF是net::ERR_INSUFFICIENT_RESOURCES的缩写，为浏览器内核抛出的资源加载异常，核心触发原因是当前页面上下文可用的内存、请求句柄或带宽资源耗尽，无法完成资源请求。

排查步骤 #

• 检查并发请求阈值
  打开浏览器开发者工具「网络」面板，统计同一时间发起的请求量，确认是否存在同域并发请求超过6个、大量未释放的长连接（WebSocket/EventSource）的情况，主流浏览器对同域HTTP请求的并发上限为6-8个，超量请求会被直接拦截抛出该错误。
• 检查页面内存占用
  打开浏览器任务管理器（Chrome端操作路径：右上角菜单→更多工具→任务管理器），查看当前标签页的内存占用，如果内存超过1GB，大概率存在内存泄漏问题：重点排查未销毁的定时器、未解绑的DOM事件监听、无限增长的全局缓存对象。
• 排查资源本身问题
  确认加载失败的资源是否体积过大（比如单张未压缩图片超过20MB、未分片的大体积音视频），或是资源响应头存在错误的Cache-Control配置，导致资源无法被缓存，每次访问都需要重新拉取占用带宽资源。
• 排查扩展程序干扰
  禁用所有广告拦截、脚本注入类扩展后重新测试，部分异常扩展会劫持页面请求，占用大量请求句柄导致资源加载失败。

通用解决方案 #

• 控制请求并发量：同域请求超过上限时，通过请求队列控制并发数，闲置请求进入队列等待，完成一个请求再发起下一个
• 优化内存占用：页面/组件销毁时主动释放定时器、事件监听、大体积缓存，大图片使用懒加载、WebP压缩格式，避免一次性渲染大量DOM节点
• 资源拆分优化：大体积资源做分片加载，静态资源部署到多个不同CDN域名，突破同域并发请求上限

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