Yuan天空
Yuan天空
  • 我的主页
  • 博客随笔
  • 软件作品
    • TK精灵(进程守护)
    • 远程运维助手
    • DicomStoreSCU
    • TKOCR(离线OCR)
    • 更多...
  • 学习资源
  • 网址收藏
  • HTML模板
专注.NET开发技术领域
  1. 主页
  2. 博客
  3. 发布页

谷歌浏览器 Slow network is detected的解决办法

谷歌浏览器Slownetworkisdetected
博客随笔 2018-10-24 2825

控制台报错 Slow network is detected

最近发现项目网站访问有些慢,但本地运行又没啥问题,没啥头绪就打开谷歌浏览器控制台看了下运行日志发现 一条javascript错误信息 Slow network is detected. Fallback font will be used while loading 刚开始以为是项目后台代码逻辑问题,所以一直往这方面优化,但始终没有效果,最后才发现是静态资源加载慢导致的问题

关于 Slow network is detected

网上是说 新版本的Chrome在网络环境较差的时候会在控制台输出

大致意思就是 网络阻塞,影响资源文件加载(就理解为网络卡文件加载不过来吧)遇到这种情况想要治本就考虑做一下 静态文件(javascript,css,woff。。)这方面的优化

为什么会出现这个错误

  1. 一些较大的css和jquery插件使用外链cdn提高加载速度 但这玩意好是好 但也有点坑 就是cdn挂了引用CDN链接的页面相应功能也就挂了这里指的是那些免费的cdn 收费的没用过没有发言权,应该会比免费的靠谱些吧(站长之前就被坑过 连续一周都没恢复过来,最后只好全部做成本地引用了,加载效率虽然比不过cdn但胜在可用性可以自己把控) 除了cdn也可以考虑自己弄个新的域名来做静态文件链接(同顶级域名下的二级域名是起不到优化加载效率的)
  2. 自己处理尽量将静态文件压缩体积大小 去掉用不到的jquery插件 和css样式 文件引用,总的来说就是尽量减小静态文件的体积
  3. 最糟的情况 就是服务器网络确实太差 差到无法优化 那就考虑升级下服务器带宽配置吧

两个解决办法

禁用警告信息,眼不见为净

这个方法只是治标的话,可以考虑把这个提示隐藏掉。

方法步骤:

  1. 谷歌浏览器打开下面这个链接 chrome://flags/#enable-webfonts-intervention-v2
  2. 找到 TLS 1.3 将之禁用掉 如图所示

谷歌浏览器 Slow network is detected

  1. 重启浏览器即可

优化网站的资源引用

  1. 使用更小的样式/js脚本文件:尽量使用压缩过的的文件引用,以减少加载时间。
  2. 异步加载字体文件:可以尝试使用异步加载字体文件的方法,这样可以避免字体文件对页面加载速度的影响。
  3. 确保字体文件被浏览器缓存:这样在用户再次访问页面时可以更快地加载字体。
  4. 优化网络连接速度:尽量确保服务器网络连接速度良好,这可以减少或消除警告出现的可能性
同类文章
谷歌浏览器时不时出现cpu占用过高的情况解决方法
Loading...
谷歌浏览器时不时出现cpu占用过高的情况解决方法
问题反馈/学习建议
1. 文明上网,理性表达,营造舒适的学习氛围
2. 请不要反馈提交与本页主题无关内容
标题目录
  • 控制台报错 Slow network is detected
  • 关于 Slow network is detected
  • 为什么会出现这个错误
  • 两个解决办法