Zhouyao's Blog

Do Something Big With Us

解决WordPress加载ajax.googleapis.com缓慢问题

前言

《解决Wordpress加载ajax.googleapis.com缓慢问题》

大多数人的VPS主机都在海的那边山的那边。

而这些海外空间的运营者大多数都会搭建一个网站或者是博客系统,不管是Wordpress/Hexo/Zblog等。

既然使用了博客系统,势必会使用一些插件、源码之类的。

在使用的过程中,难免会有以前前端的css、js的代码调用谷歌的公共库。

身为联网就挂VPN的人来说影响并不是很大,但是对于在墙内的朋友,甚至博客的主要pv、uv都来自于墙内的人来说,影响就比较大了。

加载一些譬如谷歌的fonts字体等一些东西,加载半天然后给你报错(当然不打开调试模式对于我们来说是看不到报错的)

对于正在访问的用户的实际影响就是网站已经加载好了,但是标签页的刷新按钮一直在那里转啊转啊,过了好长时间才会结束。

可是强迫症(譬如我)看到了这个,其实感觉还是蛮难受的。但是不仅仅这么小的影响,对于手机版的网页,本站就是的,在修改代码之前,无论是电脑访问电脑版的还是手机访手机版的,都需要等待ajax的jquery-ui的一个js文件加载失败,谷歌的reCAPTCHA 区分人机外链,必须等这两个链接加载失败,跳出主页的交互动画,主页才可以点击访问,否则就只能一直等待链接的失败。

其实当时我并没有关心手机版的,一直在调试网页版的,后来发现网页版的标签页刷新很慢,尤其是在我不挂VPN的时候,后来觉得无所谓,于是并没有多关心。

后来我的一个朋友说我原本想在手机上注册你网站的会员,但是注册不了。后来我发现,就是因为那两个谷歌的外链,卡住了我前段的交互动画,继而卡住了用户想要点击展开按钮中的注册按钮。

既然调试模式中速度慢,而且还有错误,我想对于网站的SEO优化应该也是有一定的影响。

不能这么坐以待毙啊,必须要整改网站。

错误情况

未使用VPN的情况下,打开F12调试模式,打开网站地址,查看console、sources的通知。

《解决Wordpress加载ajax.googleapis.com缓慢问题》

《解决Wordpress加载ajax.googleapis.com缓慢问题》

《解决Wordpress加载ajax.googleapis.com缓慢问题》

《解决Wordpress加载ajax.googleapis.com缓慢问题》

如上图所示,在调试模式中大概显示了四个错误,其中两个为外链的链接失效,这个我们可以不用查看。

余下的两个错误分别是,ajax的调用和reCAPTCHA

报错内容为“net::ERR_CONNECTION_TIMED_OUT

从字面上翻译就可得知肯定是网络连接超时,连接不通这类的问题。

排错思路

其实让我这个做后端的排错前端,这样真的好么?没办法,自己的网站~

当时我的排错思路是,ajax是Jquery的东西,调用的东西肯定是有用的,所以不能放弃。而reCAPTCHA是做人机验证的,且是谷歌的,只能先试试。

Jquery国内肯定有CDN加速节点,而人机验证只能打开看一下是什么东西,打开链接,发现是一个返回验证,觉得对于网站的影响并不大,可以直接注释掉。

但是产生错误的代码在哪个文件里就比较麻烦了,只能看前端的代码,看到了var…,向后看,于是便找到了代码所在地,打开php文件,直接搜索关键词google.

更正错误

//ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js’,array(‘jquery’)

改为

//cdn.bootcss.com/jqueryui/1.12.0/jquery-ui.min.js’,array(‘jquery      ##又拍云的CDN

 

把上面的两行调用google代码的语句给直接注释掉。

这样重新打开网站就会快了很多。

点赞

发表评论

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

46 − = 45