使用cdn的js和css公用库

为什么要使用cdn,用cdn资源有什么好处了,可以看看yahoo性能建议,中间有一条的http://developer.yahoo.com/performance/rules.html

 又浏览器同时对一个网站的链接数量有限制的

推荐大家一个叫yslow性能检测工具的插件吧,在chrome和ff下面都有该插件的。网上去搜索

1、有那些cdn资源呢

2、如何用那些cdn资源

 

有哪些cdn资源比较好呢

我们把静态资源放到自己的服务器上面固然好像安全可靠,不过我们不是每一台服务器的都是cdn速度够快;根据雅虎的性能建议,把静态资源放到不同的域名下还能加快速度。一般是js和css公用库我们都可以找到CDN资源,最出名的是google CDN。之前我一直不用google cdn,怕资源不稳定,google是国外的,大家都懂的。

BAE CDN

SAE CDN

google CDN

不过最近百度和sina都有了cdn,为了稳定性可以方便的用了。不过我更喜欢用百度的BAE CDN。

 

 

sina的bae支持的

[backbone]
[bootstrap]
[dojo]
[ext-core]
[highcharts]
[highstock]
[jq.mobi]
[jquery]
[jquery-mobile]
[jquery-ui]
[jquerytools]
[json2]
[lesscss]
[mootools]
[prototype]
[qunit]
[scriptaculous]
[swfobject]
[underscore]
[webfont]
[yui]
[zepto]

 

百度支持的BAE

2.1 backbone
2.2 Bootstrap
2.3 dojo
2.4 ext-core
2.5 Highcharts
2.6 Highstock
2.7 jqMobi
2.8 jQuery
2.9 jQuerymobile
2.10 jQuerytools
2.11 jQueryui
2.12 JSON
2.13 lesscss
2.14 mootools
2.15 prototype
2.16 QUnit
2.17 scriptaculous
2.18 swfobject
2.19 UNDERSCORE
2.20 webfont
2.21 yui
2.22 zepto

 

2、如何调用资源

我们要使用那资源,就如何我们直接使用本地网站的资源一样,只是把路径缓存了cdn资源的地址,。如调用百度的jquery  1.9.0。js放的位置由你定拉,雅虎的建议是放在紧靠</body>前面的

  • 未压缩:
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  • 压缩:
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>

但是你会担心那是能够加载,那你也可以在本地添加一个 jquery 1.9.0的文件
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>

<script type="text/javascript">
<!--
!window.jQuery && document.write('<script src=/jQuery/jquery-1.9.0.min.js><\/script>');//
//-->

</script>

也可以这样

<!--
document.write(unescape("%3Cscript src='http://libs.baidu.com/jquery/1.9.0/jquery.min.js' type='text/javascript'%3E%3C/script%3E")); 
!window.jQuery && document.write(unescape("%3Cscript src='
/jQuery/jquery-1.9.0.min.js' type='text/javascript'%3E%3C/script%3E")); //-->

 

posted on 2013-03-27 17:06  划风  阅读(12891)  评论(2编辑  收藏  举报

导航