当前位置:图集之家知识

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

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

内容

近日谷歌又不能访问了,开始没觉得有什么问题。不过发现我的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/javascriptsrc=http://ajax.googleapis.com/ajax/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://lib.sinaapp.com/

http://developer.baidu.com/wiki/index.php?title=docs/cplat/libs

http://www.staticfile.org/

http://jscdn.upai.com/

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

script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery. min.js?ver=3.4.2'/script

替换成百度CDN:

script type='text/javascript' src=http://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开发者工具、firefoxfirebug工具中的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,600subset=$subsets;

换成:

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

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

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

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

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

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

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

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

*特别声明:资源收集自网络或用户上传,本网站所提供的电子文本仅供参考,请以正式出版物为准。电子文本仅供个人标准化学习、研究使用,不得复制、发行、汇编、翻译或网络传播等。如有侵权,请联系我们处理。

相关