使用Google CDN导致网站页面无法加载的问题解决

所属分类: 网站运营 / 建站经验 阅读数: 84
收藏 0 赞 0 分享

国内网非常多的网站都使用免费的 Google CDN 服务来加载某些 js、字体样式库以提升网页浏览体验,例如 jQuery、Google Fonts。但是目前 Google 的大多数网站在大陆无法正常访问,因此这些本身是加快网页载入的库反而成为了阻塞网站加载的原因。这种情况国内的网站并不多,但是国外的网站却非常多地使用这些库。一般地,当 Google CDN 库称为网页加载的限制因素时,浏览器状态条会显示状态为 “正在等待 ajax.googleapis.com 的响应...” 或 “正在连接...” 等字样。
20165494100327.png (500×325)

如果打开控制台,能看见 Google CDN 确实正在阻塞网页加载。如果等待足够长的时间,浏览器最终会放弃加载,并呈现一个残缺的网页,这并不好。下面从网页开发者、浏览器用户的角度给出一些解决方案。
对于网页开发者:选用其它 CDN 库

网页开发者必须考虑到这个问题,因此在设计网站时就应该考虑弃用 Google CDN 库。如果访者大多来自国内,可以考虑使用百度 CDN、新浪 CDN 库,它们都包含了非常常用的 JS 库文件。如果有面向国际的访客,则可以考虑使用微软的 ASP.NET CDN。

例如以下是使用微软 CDN 加载 jQuery 的一个范例:

JavaScript Code复制内容到剪贴板
  1. <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js" type="text/javascript"></script>   

如果要使用 Google Fonts,则可以使用 360 提供的代理 CDN。这样一来,即时要使用 Google Fonts 网页字体,网页的速度也不会受到干扰和阻塞。

修改 hosts

对于用户,我们无法直接令浏览的网页弃用其正在使用的 Google CDN,从而出现无法加载的情况,那应该怎么办呢?解决方案之一就是修改 hosts。通过修改 hosts,强迫 CDN 域名指向指定的 IP,得以成功从 Google 加载这些文件。

值的一提的是,有一部分 Google CDN,例如 fonts.googleapis.com、fonts.gstatic.com,它们可以被解析到首都的 IP 地址,因此如果在 DNS 解析失效的情况下,通过 hosts 将这些域名直接指向首都的 IP 是最好、最快速的。

当然,如果 Google 改变心意,首都的服务器拒绝提供这些域名的缓存服务的话,就没有办法了。至于为什么 Google 不索性把所有的 CDN 都解析到首都,也没人清楚。
20165494125670.jpg (500×388)

修改 hosts 并不一定是好方法,因为速度可能会比较缓慢,另 hosts 可能失效。

使用 Chrome 扩展主动替换为国内 CDN

国内的一些服务器通过镜像或同步拷贝等一些方法能保留一份与 Google CDN 同样的文件专供国内用户加载。我们可以使用一款名叫 Replace Google CDN 的 Chrome 扩展插件,来主动替换浏览的网页里的 Google CDN 为国内的替代服务器。

这款插件作者为 @justjavac,Github 项目地址为 github.com/justjavac/ReplaceGoogleCDN,扩展地址为 https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice。当然你可能需要先使用一些技巧来打开这个应用商店才能安装。

扩展插件支持替换 Google CDN 为中国科技大学提供的 CDN,支持 ajax/fonts.googleapis.com、themes.googleusercontent.com 的替换,并且支持 HTTPS。在这里要感谢他们。
20165494147137.jpg (500×255)

安装好这款插件后,浏览任何带有 Google CDN 的网页时都会被跳转到这个节点,这样就不会出现阻塞的情况了。

更多精彩内容其他人还在看

对7种博客赚钱方法的一些思考 最信赖Adsense

其实我并不喜欢互联网中什么CPA、CPC、CPM等博客赚钱方法,直到现在我博客也只挂了个Google Adsense,心里一直认为这种按点击、按展示量付款的模式不靠谱
收藏 0 赞 0 分享

浅谈地方站运营的三大法宝

本人在2000开始接触网站制作了,只是在业余时间搞的玩,只是懂一点简单的制作,对网站的运营也是2005年后开始接触的。
收藏 0 赞 0 分享

做网站6年的一些个人经验之谈

我是一个地地道道的菜鸟,不懂程序,可以说头脑是一片空白,但是我对做站有浓厚的兴趣。刚开始,我通过自助做站结识了建网站,由免费到申请了一个90元一年的空间。
收藏 0 赞 0 分享

每个网页设计者都自以为是

网页技术更新很快,一个网站的界面设计寿命仅仅2-3年而已。不管是垃圾还是精品,都没有所谓的经典。
收藏 0 赞 0 分享

中国草根站长心理分析之一二三

从我踏入站长圈那天起我就在分析每个我所认识的站长的性格,也渐渐积累了一些自己的看法。
收藏 0 赞 0 分享

个人站长生存学 垃圾站解决生存问题

很难想像在如今这个资本为王的社会,个人站长这个群体仍然坚强地站立着,成为这个互联网的有力组成部分。他们没有雄厚的资金,也没有非常高端的技术,但是他们也确实依靠自己的网站养家糊口,单打独斗自有自己的一套生存学。
收藏 0 赞 0 分享

网站更换域名对网站带来的影响及补救措施完美小结

更换域名,通常情况下网站是需要承受着搜索引擎带来的很大风险的,作者通过自己的亲身经历,总结出了能尽可能将风险降到最小的办法,有需要的朋友可以尝试下。
收藏 0 赞 0 分享

个人站长怎样选择做站

做站是为了赚钱,我相信没人会反对,网站有了流量,才能赚钱,本篇文章将为大家介绍做站方向的取舍,使流量来的快,竞争小。
收藏 0 赞 0 分享

网站的成败往往决定于小细节

今天我们就谈一下新手站长可能会犯的错误,看看哪些是你曾做过的,看了这些希望你能豁然开朗。
收藏 0 赞 0 分享

新网站初期需要注意的一些技术问题小结

对互联网有了解的人都有自己的想法,有人就把想法付诸实现,做个网站然后开始运营。
收藏 0 赞 0 分享
查看更多