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

所属分类: 网站运营 / 建站经验 阅读数: 187
收藏 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 的网页时都会被跳转到这个节点,这样就不会出现阻塞的情况了。

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

简单的5步 只需要一个小时就能建好手机站

下面捧上一小时建手机站的教程,希望能解救那些在网站建设的水深火热中挣扎的小伙伴,简单的5步,只需要一个小时就能建好手机站,一起来看看吧
收藏 0 赞 0 分享

如何利用百度文库霸屏百度首页?利用百度文库霸屏百度首页的三大技巧详解

随着百度的算法不断变化,SEO优化技巧也要不断的更新,那么如何快速的将网站的信息排名在用户搜索结果的首页,即如何将网站的信息霸屏百度首页?本文将提供利用百度文库霸屏百度首页的三大技巧详解供大家了解,希望对大家有所帮助和启发
收藏 0 赞 0 分享

社交类网站的信息发布与获取方面的设计经验总结

发状态和浏览状态是SNS的主要功能,本文中将罗列一些典型的社交网络巨头的前端相关设计,来整理社交类网站的信息发布与获取方面的设计经验总结
收藏 0 赞 0 分享

什么是网站跳出率?降低网站跳出率的6种改善方案

刚做SEO,你可能不知道什么是跳出率,网站跳出率高对网站是一个致命的打击,那么如何降低网站的跳出率呢?如何降低跳出率提高转化率?本文将提供降低网站跳出率的6种改善方案供大家了解,希望对大家有所帮助和启发
收藏 0 赞 0 分享

图文讲解在StartSSL上申请免费SSL证书的流程

现在网站的HTTPS化已经成了一个普遍的趋势,那么相应SSL证书的获取也成了建站过程中必不可少的部分,这里我们就图文讲解在StartSSL上申请免费SSL证书的流程:
收藏 0 赞 0 分享

新手站长如何选择一个更具有性价比的建站系统?

虽然现在建设网站开始变得简单,只需要使用一个建站系统就可以轻松建设。但是对于新手站长们来说,他们建设一个网站的最终目的还是为了赢得一定的利润。下面我们就来谈谈新手站长如何选择一个更具有性价比的建站系统,有需要的朋友可以参考一下
收藏 0 赞 0 分享

美国服务器为什么备受国内站长的青睐?

调查数据显示后,国内站长中约有两百多万的网站存放在美国服务器,美国服务器为什么会怎么受欢迎,下面我们来了解一下吧
收藏 0 赞 0 分享

仅需五步轻松建立一个三站合一的网站的技巧

现在网站不止要做pc端的,如果要跟上互联网的步伐还需要做手机端和微信网站,该怎么建立这个三端网站呢?下面我们就来看看仅需五步轻松建立一个三站合一的网站的技巧,需要的朋友可以参考下
收藏 0 赞 0 分享

日本免费空间Xdomain的注册及使用教程

这里为大家分享一下日本免费空间Xdomain的注册及使用教程,Xdomain.ne.jp空间顶部会有小小的广告,经过测试,该广告去掉比较容易,在演示搭建WordPress之后会为大家讲到
收藏 0 赞 0 分享

一波低价日本VPS主机乱谈与推荐

日本主机在国内需求还是比较高的,不仅理论上的地理位置近能带来较低的国内访问延迟,而且很多日本网站也都需要日本IP才能访问,用来搭建代理十分不错,这里我们就来一波低价日本VPS主机乱谈与推荐
收藏 0 赞 0 分享
查看更多