系统登录因fonts.googleapis.com加载慢分析及解决办法

今天突然发现系统登录时反应超慢,要等3到4分钟左右才能登录到系统主页面.

  • 分析步骤

打开chrome的开发者工具开始寻找原因,于是就有了下面图中的发现。


很显然是资源加载超时了。那么是加载什么的时候超时了呢?  继续

保持开发者工具打开,监控从登录到打开主页面的整个过程,查看是哪里的问题。

下图中可以看到有一个处于pending状态很久的请求,stalled了2.6分钟。就是因为它,页面一直处于卡住的状态。



找到了造成加载慢的原因了,然后就是想办法如何让它加载快一点,或者是替换掉它(不明白为什么之前也在用这个,却没有慢的这个情况出现)。

这时我还一直在通过provisional headers are shown 、stalled等等去搜解决办法。其实已经找错了方向。直到搜到的结果都对我无用时才换个关键词去搜,就是用它:

fonts.googleapis.com/css?family=

这才知道因为是用的google的字体,而国内的网站已经无法访问到,所以要找它的替代方案。

  • 解决方法

在系统里全文搜索了下

@import url("https://fonts.googleapis.com/css?family=

发现了在bootstrap.flatly.css文件中有这个内容,然后将其替换成 @import url("../../googleapis/fonts.css");

并将在网上找到的google本地字体css文件放到了bootstrap.flatly.css的相对路径../../下,上面那个才能引用到拷过来的这个文件。

最后清空浏览器缓存再试了下,系统很快就登录成功了!

猜你喜欢

转载自blog.csdn.net/w926498/article/details/80525247