部分wordpress网站在新版微软Microsoft Edge浏览器中打开空白的解决方法

今天接到的单子,很诡异的说,研究了很久同时也谷歌了:也没找到问题所在,也谷歌了同样类似的问题,大都归结为Edge浏览器问题,并非我们的情况。

 

情况如下:

  1. 在新版微软Edge浏览器下,打开目标网站空白;打开测试其他的网站访问正常;网站主题为wordpress自带的 twentyseventeen主题;
  2. 测试其他浏览器(旧版的IE、谷歌、火狐、360均可正常打开);
  3. 检查JS 代码 ,并没有发现任何执行错误等操作;
  4. 大概2-3分钟后,页面显示正常!

 

问题分析:

  1. 在开启 飞机软件(某种可以遨游世界的软件)后,打开速度有明显改善;
  2. 开启开发者工具;静待页面文件加载流程;
  3. 最终发现问题所在。

 

问题描述:

此次问题主要是网站加载了谷歌字体CSS以及其他的外链第三方字体导致的;

在其他浏览器下,字体CSS 可以懒加载,而新版的Edge浏览器似乎很执着,非要等所有的字体文件加载完成后再执行后面的加载!

 

解决方法:

删除加载第三方字体的相关代码,这里指谷歌字体;或者将字体代码放到比较快的机器上;

如果不懂代码,可以通过这个插件来关闭谷歌字体:

Disable Google Fonts

这个插件可以删掉大部分主题带的谷歌字体。

 

以上解决方法只针对这一问题,请对号入座处理;不排除有雷同的情况。

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注