国外的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(下载下来的)
- 下载整个主题文件到本地。
- 下载文件字符串搜索工具:File String Finder 并进行安装
- 打开File String Finder 选择主题文件夹,搜索“fontawesome”,得出结果如下图(两处红框处,便是JS的文件路径):
将红框处文件里面的https://use.fontawesome.com/30858dc40a.js 改成对应的本地JS,然后上传到对应路径的服务器上,这样就大功告成啦。
刷新一下,加载速度嗖嗖的。
这里推荐一下File String Finder 这个字符串搜索工具。因为我之前也用其他搜索工具整个去搜索过主题的文件,但没搜索到,换了这个工具竟然就搜索到了,太好了,以后国外因墙加载不了就不会成为问题了。