CDN——爲你網站瘦瘦身！

CDN(Content Delivery Networks)爲咱們提供了不少方便全面的資源信息的託管，讓咱們省去了在本身服務器中加載一些公共資源文件的流程，相對來講減小了對服務器的請求，這樣的便宜不撿白不撿。而使用CDN的好處還不單單如此，讓咱們來看一下CDN能爲咱們帶來哪些sweet tips吧！

什麼文件適合用CDN加載

CDN主要適用於一些靜態資源文件的加載，好比javascript文件、css樣式文件、字體、圖片、視頻等其餘資源文件。這些文件咱們每每放到本身的一些前端服務器中作處理（nginx），使用CDN就能夠免除前端服務器部分工做了。

使用CDN的好處

1. 提高網站的性能
   使用CDN最大的益處是爲你的服務器提供「分流」，節省了你的帶寬，減小了服務器的壓力，不少CDN廠商提供的資源訪問服務加載速度仍是比較快的（牆內除外）。
2. 文件緩存
   對於那些被廣泛使用的資源文件（好比jquery），若是用戶在訪問你網站以前已經訪問過其餘使用該CDN的網站，那麼在用戶瀏覽器中已經對該資源文件作了緩存，對於你的網站來講，這是個不錯的性能提高！
3. 高可用
   相信微軟、谷歌、雅虎的服務器相對於你自身的服務器來講更加可靠些，他們提供了高可用、低網絡延遲，下降了數據包的丟失概率。你無需擔憂服務器宕機或者網絡延遲的問題。
4. 資源文件版本管理
   對於某些資源文件的升級（css,js lib），你無需每次經過修改程序來加載最新的版本，只須要在加載CDN資源文件時指定始終加載"lastest"文件就能夠。

CDN使用小貼士

• 省略URL的協議，去掉http:或者https:，這樣就免去了協議的適配問題。如：

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

• 以防萬一，提供一個備用的本地資源文件。
  最近的google牆的很厲害，致使不少使用wordpress的站點，加載速度很慢，甚至直接致使頁面沒法加載，安全起見，咱們提供一個本地的備份資源文件：

<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