什么文件適合用CDN加載

CDN主要適用于一些靜態(tài)資源文件的加載，比如javascript文件、css樣式文件、字體、圖片、視頻等其他資源文件。這些文件我們往往放到自己的一些前端服務(wù)器中做處理（nginx），使用CDN就可以免除前端服務(wù)器部分工作了。

使用CDN的好處

提升網(wǎng)站的性能

使用CDN最大的益處是為你的服務(wù)器提供“分流”，節(jié)省了你的帶寬，減少了服務(wù)器的壓力，很多CDN廠商提供的資源訪問(wèn)服務(wù)加載速度還是比較快的（墻內(nèi)除外）。

文件緩存

對(duì)于那些被普遍使用的資源文件（比如jquery），如果用戶在訪問(wèn)你網(wǎng)站之前已經(jīng)訪問(wèn)過(guò)其他使用該CDN的網(wǎng)站，那么在用戶瀏覽器中已經(jīng)對(duì)該資源文件做了緩存，對(duì)于你的網(wǎng)站來(lái)說(shuō)，這是個(gè)不錯(cuò)的性能提升！

高可用

相信微軟、谷歌、雅虎的服務(wù)器相對(duì)于你自身的服務(wù)器來(lái)說(shuō)更加可靠些，他們提供了高可用、低網(wǎng)絡(luò)延遲，降低了數(shù)據(jù)包的丟失幾率。你無(wú)需擔(dān)心服務(wù)器宕機(jī)或者網(wǎng)絡(luò)延遲的問(wèn)題。

資源文件版本管理

對(duì)于某些資源文件的升級(jí)（css,js lib），你無(wú)需每次通過(guò)修改程序來(lái)加載最新的版本，只需要在加載CDN資源文件時(shí)指定始終加載"lastest"文件就可以。

CDN使用小貼士

省略URL的協(xié)議，去掉http:或者h(yuǎn)ttps:，這樣就免去了協(xié)議的適配問(wèn)題。如：
 

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

以防萬(wàn)一，提供一個(gè)備用的本地資源文件。
最近的google墻的很厲害，導(dǎo)致很多使用wordpress的站點(diǎn)，加載速度很慢，甚至直接導(dǎo)致頁(yè)面無(wú)法加載，安全起見(jiàn)，我們提供一個(gè)本地的備份資源文件：

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>
  <script type="text/javascript">
  if (typeof jQuery == 'undefined') {
    document.write(unescape("%3Cscript src='/js/jquery-1.4.2.min.js' type='text/javascript'%3E%3C/script%3E"));
  }
  </script>

一些常用的CDN

Google: https://developers.google.com/speed/libraries/devguide
Microsoft: http://www.asp.net/ajaxlibrary/cdn.ashx
jQuery: http://jquery.com/download/
cdnjs: http://cdnjs.com
OSSCdn: http://osscdn.com