使用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")); //-->

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM