googleapis为大家提供了jquery库文件、fonts字体文件的直接引用,由于google使用cdn技术,在很多地方都有节点高速缓存这些文件,这就提高了文件的加载速度,另一方面,也减少了网站的资源消耗,节省了服务器带宽,所以大家都喜欢这样的文件引用方式。
不多,对于国内网站来说,引用googleapis的文件,无疑是一种灾害。
引用googleapis的文件大大拖慢网页速度
为了说明这个问题,我做了两个demo网页,网页里都调用jquery文件,其中一个引用googleapis的文件,另一个使用站内文件。
网页加载时间使用js计算。
结果显示是,引用googleapis的文件在20秒内未能加载成功而被浏览器放弃加载,而另一个引用站内的文件则是秒开了。
图一:demo-jquery引用googleapis的文件
图二:demo-jquery引用站内文件
引用googleapis的文件加载失败
从上两图可以看到,图一显示“文件加载失败”,而图二显示“文件加载成功”。测试方法是在网页后面执行一段jquery代码,看成功与否,如下:
<div id="div3" ><font color=red>文件加载失败</font></div>
<script type=text/javascript>
setTimeout(function(){
$("#div3").html("<font color=red>文件加载成功</font>");
},5000);
</script>
结果,在IE浏览器里,可以看到状态栏出现警告图标,点开看到错误提示是:缺少对象。
图三:引用googleapis的文件加载失败
解决办法
解决的办法就是把引用googleapis的文件下载到站内文件夹里,然后通过站内引用。
这样虽然牺牲了点服务器资源和带宽,但总比20秒都加载不了好,再者,如果网站仍然引用googleapis的jquery文件,那么网站的jquery程序将无法执行,如果引用googleapis的fonts字体库文件,那么网页里设置的字体可能会不起作用。
因此,去掉googleapis的文件引用就成了必然的事。
经验:少用google的东西
对于google的东西,对于国内网站来说,能少用则少用,不用最好,否则将严重影响网页的加载,如之前分析过的Google AdSense广告严重影响网页加载速度。对于adsense广告,建议换成百度或其他联盟,至少,你应该不能让adsense广告成为网站的主要广告而大量使用。
☉来自Google和Yahoo的近40个优化建议帮助网站提速 (2014-12-22 15:55:41)
☉网站外链建设技巧:百度为什么更改我的网页标题? (2014-9-25 17:15:58)
☉网站速度优化技巧:Nginx设置js、css过期时间 (2014-8-28 17:8:26)
☉百度外链分析:51la统计代码noscript标签出现外链 (2013-12-18 21:11:30)
☉百度外链分析:纯文本链接也算是外链【有图为证】 (2013-11-28 14:26:48)
☉标头“Vary:Accept-Encoding”指定方法及其重要性分析 (2013-11-22 22:8:47)
☉4种方法固定侧栏内容和广告位 提高网站PV和点击率 (2013-11-21 9:53:5)
☉网页速度优化技巧:URL大小写不能忽视 (2013-10-25 15:51:33)
☉让百度快速删除网站死链快照的有效方法 (2013-10-24 13:40:41)
☉友链被加nofollow标签 理由是我站友链不传递权重? (2013-9-11 17:48:6)
☉快速查找外链资源的几个方法 (2013-3-7 16:59:57)
☉网站1个月不更新 关键词排名立即下跌 (2013-2-16 17:53:8)
☉提交百度Sitemap对SEO作用不大 (2012-11-28 21:31:15)
☉交友情链接百度权重BR比Google PR更重要 (2012-11-12 5:18:21)
☉百度空间升级后友情链接不见了?教你如何添加 (2012-11-8 21:16:43)
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。