控制台报错 Slow network is detected
最近发现项目网站访问有些慢,但本地运行又没啥问题,没啥头绪就打开谷歌浏览器控制台看了下运行日志发现 一条javascript错误信息
Slow network is detected. Fallback font will be used while loading
刚开始以为是项目后台代码逻辑问题,所以一直往这方面优化,但始终没有效果,最后才发现是静态资源加载慢导致的问题
关于 Slow network is detected
网上是说 新版本的Chrome在网络环境较差的时候会在控制台输出
大致意思就是 网络阻塞,影响资源文件加载(就理解为网络卡文件加载不过来吧)遇到这种情况想要治本就考虑做一下 静态文件(javascript,css,woff。。)这方面的优化
为什么会出现这个错误
- 一些较大的css和jquery插件使用外链cdn提高加载速度 但这玩意好是好 但也有点坑 就是cdn挂了引用CDN链接的页面相应功能也就挂了这里指的是那些免费的cdn 收费的没用过没有发言权,应该会比免费的靠谱些吧(站长之前就被坑过 连续一周都没恢复过来,最后只好全部做成本地引用了,加载效率虽然比不过cdn但胜在可用性可以自己把控) 除了cdn也可以考虑自己弄个新的域名来做静态文件链接(同顶级域名下的二级域名是起不到优化加载效率的)
- 自己处理尽量将静态文件压缩体积大小 去掉用不到的jquery插件 和css样式 文件引用,总的来说就是尽量减小静态文件的体积
- 最糟的情况 就是服务器网络确实太差 差到无法优化 那就考虑升级下服务器带宽配置吧
两个解决办法
禁用警告信息,眼不见为净
这个方法只是治标的话,可以考虑把这个提示隐藏掉。
方法步骤:
- 谷歌浏览器打开下面这个链接 chrome://flags/#enable-webfonts-intervention-v2
- 找到 TLS 1.3 将之禁用掉 如图所示
- 重启浏览器即可
优化网站的资源引用
- 使用更小的样式/js脚本文件:尽量使用压缩过的的文件引用,以减少加载时间。
- 异步加载字体文件:可以尝试使用异步加载字体文件的方法,这样可以避免字体文件对页面加载速度的影响。
- 确保字体文件被浏览器缓存:这样在用户再次访问页面时可以更快地加载字体。
- 优化网络连接速度:尽量确保服务器网络连接速度良好,这可以减少或消除警告出现的可能性