国外主题use.fontawesome.com/30858dc40a.js加载不出来解决办法

国外的wordpress主题比国内丰富好看多了!我也是用的国外的主题,主题是:Shamrock。但是由于有“墙”的问题,主题里引用的很多JS和CSS都是国外网站的,而且大部分是在墙外,访问不了,加载不出来,非常影响网站的速度。我这个主题就是这样,虽然谷歌的字体等用插件WP Acceleration for China解决了,但是其中有一个https://use.fontawesome.com/30858dc40a.js?ver=4.0.7 的JS调用一直加载不出来,很影响用户体验。捣腾了1天1夜终于解决了。

确定那些JS和CSS加载不出来

打开浏览器,访问自己的网站,然后按 F12 进入开发界面,接着依次选择 NetWork -> All,便可查看该页面各个元素加载情况。
然后选择Time排序,查看是不是有加载时长特别长的,如下图:

我之前是https://use.fontawesome.com/30858dc40a.js?ver=4.0.7 这个链接一直要加载20多秒,然后我访问了一下这个JS,发现是访问不了的,但墙外是可以访问的,因此断定这个拖累的速度。

解决方案

确定了问题,解决方案就很简单了,在墙外把这个JS整个下载下来,放在本地。然后更换JS引用。

我知道是这样的解决办法,但是wordpress的JS都是通过php文件进行调用的,不熟悉PHP代码的我,完全不知道应该去哪看找到并更改路径。我就是在这个问题上花费了很长的时间,组合各种各样的关键词搜索解决方案,都不得行。当我快要放弃,突然让我找到答案了。

查到这个代码在哪个位置,然后替换本地的JS(下载下来的)

  1. 下载整个主题文件到本地。
  2. 下载文件字符串搜索工具:File String Finder 并进行安装
  3. 打开File String Finder 选择主题文件夹,搜索“fontawesome”,得出结果如下图(两处红框处,便是JS的文件路径):

    将红框处文件里面的https://use.fontawesome.com/30858dc40a.js 改成对应的本地JS,然后上传到对应路径的服务器上,这样就大功告成啦。

刷新一下,加载速度嗖嗖的。

这里推荐一下File String Finder 这个字符串搜索工具。因为我之前也用其他搜索工具整个去搜索过主题的文件,但没搜索到,换了这个工具竟然就搜索到了,太好了,以后国外因墙加载不了就不会成为问题了。

关于作者

杰夫(jerfo0)

杰夫(jerfo0)

一个活的真实,耿直的boy。
坚定相信爱情,向往自由,对世界充满好奇心。热爱美剧、海贼王、一切户外运动、旅行...
职业:互联网运营。
生命不息,折腾不止,燥起来!!

查看全部帖子

发表评论

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