记忆盒子

把记忆装进灰色的盒子,封装起来,那年那月,重新拾起。

首页搜索目录
search
当前主题: 互联网络

引用googleapis jquery和fonts文件会大大拖慢网页速度

作者:Kaka    时间:2015-1-10 21:48:17    浏览:    评论:1

googleapis为大家提供了jquery库文件、fonts字体文件的直接引用,由于google使用cdn技术,在很多地方都有节点高速缓存这些文件,这就提高了文件的加载速度,另一方面,也减少了网站的资源消耗,节省了服务器带宽,所以大家都喜欢这样的文件引用方式。

不多,对于国内网站来说,引用googleapis的文件,无疑是一种灾害。

引用googleapis的文件大大拖慢网页速度

为了说明这个问题,我做了两个demo网页,网页里都调用jquery文件,其中一个引用googleapis的文件,另一个使用站内文件。

网页加载时间使用js计算。

结果显示是,引用googleapis的文件在20秒内未能加载成功而被浏览器放弃加载,而另一个引用站内的文件则是秒开了。

demo-jquery引用googleapis的文件

图一:demo-jquery引用googleapis的文件

demo-jquery引用站内文件

图二: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的文件加载失败

解决办法

解决的办法就是把引用googleapis的文件下载到站内文件夹里,然后通过站内引用。

这样虽然牺牲了点服务器资源和带宽,但总比20秒都加载不了好,再者,如果网站仍然引用googleapis的jquery文件,那么网站的jquery程序将无法执行,如果引用googleapis的fonts字体库文件,那么网页里设置的字体可能会不起作用。

因此,去掉googleapis的文件引用就成了必然的事。

经验:少用google的东西

对于google的东西,对于国内网站来说,能少用则少用,不用最好,否则将严重影响网页的加载,如之前分析过的Google AdSense广告严重影响网页加载速度。对于adsense广告,建议换成百度或其他联盟,至少,你应该不能让adsense广告成为网站的主要广告而大量使用。

x

标签: SEO  

※ 网站速度慢?试试网站自动优化工具 ※

上一篇: 来自Google和Yahoo的近40个优化建议帮助网站提速
下一篇: 网页侧栏浮动固定但不遮住底部的js实现方法
  • 1.T**
  • 说的很对,有的时候网站的却打开太慢了
  • 2015/1/12 16:01:45 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客                   QQ交流群(312716741)

  • 通过Google订阅本站 通过鲜果订阅本站 通过抓虾订阅本站
  • 通过QQ邮箱订阅本站 通过Yahoo订阅本站 通过有道订阅本站

Search

最新评论及回复

最近留言

网站分类

Powered By Z-Blog 1.8 Walle Build 91204 Designed by Han'space

Copyright @2009-2024 All Rights Reserved. 粤ICP备14028160号-1

Powered By Z-Blog 1.8 Walle Build 91204
Copyright @2009-2024 All Rights Reserved.