谷歌被屏googleapis.com导致WordPress速度大降

[ 电脑技巧   // 2014-06-05  ]
212

近日谷歌又不能访问了,开始没觉得有什么问题。不过发现我的WordPress的站反应特别慢,在状态栏总能看到在连接ajax.googleapis.com的身影,原本以为是谷歌广告的调用js的缘故,于是去除了谷歌广告,依然还是问题未消。

经过认真查看网站源码,原来是网站会自动从谷歌的CDN(fonts.googleapis.com)上下载字体,但这个cdn无法访问,那网页就会一直加载。。。(前台后台都受影响),同时从谷歌的CDN ajax.googleapis.com上调用Jquery也会导致网页也会一直加载。。。!

解决办法:

1、找到主题里的 functions.php,搜索 googleapis,最简单的办法,注释掉就行了,一般中文都很少用google的字体;

2、我们也可以通过 Disable Google Fonts 插件禁止wordpress从谷歌的CDN上下载字体,并检查主题的Header.php ,看看有没有以下代码:

<script type="text/javascript" src="http://ajax.googleapis.com/ajaxhref="http://www.softhome.cc/libs/jquery/1.3.2/jquery.min.js"></script>

如果有的话把它替换为:

<script src="http://code.jquery.com/jquery-latest.js"></script>

3:第三种方法就是替换CDN服务:

AJAX Libraries API架构在Google Code上,提供了JQuery 等JavaScript库,本来CDN是为我们提供更快更稳定的访问,但是无奈在国内我们没法正常享受谷歌的CDN服务 啊。那我们只有转投国内了。现在国内也有很好的CDN服务,并且在国内还是使用国内的CDN公共库比较安全,下面先提供几个服务链接供您选择吧:

http:/href="http://www.softhome.cc/lib.sinaapp.com/

http://developer.baidu.com/wiki/index.php?title=docs/cplathref="http://www.softhome.cc/libs

http://www.staticfile.org/

http://jscdn.upai.com/

下面说解决办法,以替换成百度CDN公共库为例:一般是在主题模板的 header.php文件中找到引用谷歌CDN的代码处,比如我的是这句:

<script type='text/javascript' src='http://ajax.googleapis.com/ajaxhref="http://www.softhome.cc/libs/jquery/1.7.2/jquery. min.js?ver=3.4.2'></script>

替换成百度CDN:

<script type='text/javascript' src="http:/href="http://www.softhome.cc/libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>

(2). 后台页面获取Google字体库

这个问题有两个解决办法,分别适用于两类使用人群

2.1 后台无所谓字体好看不好看,决定彻底不使用谷歌字体了;

解决办法:在wordpress 后台安装插件。在插件中搜索 Disable Google Fonts,选择安装,然后启用,这样就可以禁止Google字体的加载。

2.2 强迫症+完美主义:稍微麻烦点把字体拿回来放自己服务器上吧,需要翻墙一下哦。

解决办法:

a. 就目前现状访问下谷歌是件不容易的事情,那我们需要翻墙或是其他办法先把那些个字体文件下载回来,首先利用ie的开发人员工具、 chrome开发者工具、firefox firebug工具 中的network查看页面加载时访问谷歌字体服务的URL,复制此URL在浏览器中打开 (翻墙中),这时我们看到了字体描述文件内容,并且找到了woff文件的url,分别把这几个woff文件下载下来;

b. 将下载好的woff文件(文件名不做修改了,偷懒)放在/wp-includes/fonts/google 目录中, google是我自建的;

c. 拷贝a步骤URL显示内容,另存为一个css文件,把字体访问url改成我们本地的访问路径,命名为google-font.css 放在/wp-includes/css目录中(附该css文件的内容如下);

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/google/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff'); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(../fonts/google/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/google/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff'); }

@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 300; src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url(../fonts/google/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format('woff'); }

@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; src: local('Open Sans Italic'), local('OpenSans-Italic'), url(../fonts/google/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format('woff'); }

@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 600; src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(../fonts/google/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format('woff'); }

d. 修改 /wp-includes/script-loader.php 文件,找到

$open_sans_font_url = "//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets";

换成:

$open_sans_font_url = "/wp-includes/css/google-font.css";

此步骤d做好备忘,因是改了wordpress核心文件,日后升级时,做为提醒!

至此,谷歌字体就来到了我们自己的服务器,再也不用担心被谷歌拖垮了~~~。当然如果你申请了国内的CDN,也可以放到CDN上去。

4. 后台Gravatar头像(非谷歌服务)

另外,还有一个地方:后台Gravatar 头像,这里也经常会影响wordpress打开速度,解决办法就是关闭头像显示:

后台管理 -- 设置 -- 评论 -- 关闭头像显示

目前大家多在使用“多说”等一类的评论插件来丰富评论功能,因此仅关闭头像显示即可~~

经过以上的检查和更新,再次清除缓存访问您的wordpress吧!看看速度是不是瞬间变快了?