CDN的全稱是Content Delivery Network，即內容分發網絡。對于它的好處我想大家都知道，但一直以來都只有大公司才用得起。但如今已經有了一些面對中小企業的CDN服務，甚至是免費的。如百度旗下的加速樂（http://jiasule.baidu.com/），安全寶（http://www.anquanbao.com/），而且安全寶還和DNSPod進行了無縫對接，很有吸引力。還有阿里云（http://www.aliyun.com/）開放存儲服務 OSS、內容分發網絡 CDN。這些都不錯，對于個人站長來說質量和價格都能接受。但這些都有一些限制，有些需要備案，有些對個人開發者不是十分友好。
其實對于個人站點來說，只要能加速網站上的靜態文件，比如圖片、js文件、css文件，網站的訪問速度就會大大的提升。像我的網站空間租用的是香港的服務器，ping值基本在45左右，南北互聯延遲不是問題，瓶頸在于網頁的加載速度（香港的空間一直都是小水管，帶寬小）。基于這個需求，七牛云存儲（http://www.qiniu.com/）是個不錯的選擇。每個月有免費的配額，操作又比較簡單。它的直接競爭對手又拍云（https://www.upyun.com/index.html）也是個不錯的選擇。兩者都是提供云存儲、云處理、云分發的服務。由于七牛云存儲后臺操作簡捷、直接，每個月又有免費的配額，所以個人推薦使用七牛云存儲。

使用步驟
說了那么多現在直接進入主題，僅需三部輕松提升博客訪問速度。
第一步：注冊七牛云（https://portal.qiniu.com/signup?code=gmseew5nwy）
第二步：七牛云后臺設置
首先需要建立一個Bucket（空間）。使用鏡像加速需要設置為公開空間。
創建一個公開空間
然后空間需要綁定一個七牛云提供的二級域名（可自由設置），如果你的域名已經備案可以使用自己的域名，不過需要一段時間審核才能生效。

然后空間需要綁定一個七牛云提供的二級域名（可自由設置），如果你的域名已經備案可以使用自己的域名，不過需要一段時間審核才能生效。

最后開啟鏡像存儲功能。

這里有幾點需要注意：
1、如果你的wordpress站點不是建在根目錄下面需要帶上相應的路徑。
2、為了防止網站因為開啟鏡像存儲功能而被降權，開啟鏡像加速功能時七牛云會自動上傳robots.txt到空間下面，不要不小心把它刪了就行。
3、鏡像存儲和傳統的CDN有些不同，鏡像存儲是存儲（和普通的存儲沒什么不同，鏡像功能只是存儲的一個特性），不是緩存，故此鏡像存儲對每個資源來說只回源一次，后續訪問的時候就不再回源了。所以在源站的url內容會經常發生變化時，并不適合用鏡像存儲（少量變化是可以接受的，你可以主動刪除鏡像存儲里面的文件，從而達到強制刷新的目的）。
第三步：wordpress后臺設置
這里需要借助一個插件WP Super Cache，這個插件幾乎是必備插件（緩存插件，能極大提升頁面加載速度），如果還沒安裝的話，不要猶豫馬上安裝。
點擊設置界面的CDN選項卡：

在Off-site URL處填上七牛云提供的那個二級域名就行了。域名后面不用帶上“/”。其它設置默認即可，然后保存。
至此所有設置都已經完成，這時你再訪問你的站點會發現圖片、js、css的鏈接都已經變了。

加速后可以很清楚的感覺到速度有提升，但到底提升了多少呢？下面以一張圖片的加載速度做對比，可以更直觀的感受到加速的效果
加速前：

加速后：

可見使用了七牛云存儲的鏡像加速功能后網站的訪問速度有了質的飛躍。而且設置完成后無需任何后續操作，發文章就像以前一樣在后臺編輯好直接發布就行了。而當你不再需要這個功能時，直接在WP Super Cache插件中關閉CDN功能就行了，不會有任何的后遺癥。

使用小結：
鏡像就和平常照鏡子一樣，自己什么樣鏡子里的人就是什么樣。七牛云空間里面存儲的文件和自己站點里面的文件一模一樣，不但加速了靜態資源的訪問，還做了次備份，可謂是一舉兩得。
在設置wordpress插件WP Super Cache的Off-site URL選項時有一行提示：“The new URL to be used in place of http://iyaozhen.com/yz_wp for rewriting.”意思就是插件將會把靜態文件鏈接中的“http://iyaozhen.com/yz_wp”替換成“http://iyaozhen.qiniudn.com”。如“http://iyaozhen.com/yz_wp/wp-content/uploads/2013/09/01.jpg”替換成“http://iyaozhen.qiniudn.com/wp-content/uploads/2013/09/01.jpg”。當第一次加載這個文件時會進行同步（回源），“http://iyaozhen.qiniudn.com/”表示自己沒有這個文件，七牛云服務器會認為這是一個新的文件，然后將圖片（http://107.170.241.195/wp-content/uploads/2013/09/01.jpg）下載到自己的服務器。這樣就完成了同步，可以看出同步需要雙方都進行了正確的配置，所以進行第二步和第三步的配置時一定不要出錯。由于第一次訪問的時候需要回源，因此訪問速度有點慢。主動同步數據可以提升第一次的數據訪問速度。但主動同步數據比較麻煩，一般不去做。當然，如果是做別的應用開發，則就另當別論了。還有就是七牛云沒有采用目錄存儲結構，而是采用了文件前綴，上傳文件時候需要特別注意。

七牛云還有圖片自動裁剪、自動添加水印、防盜鏈等功能。操作都很便捷，有需要的可以去設置一下。

PS：七牛云存儲圖片流量優化方案
我們都知道不同的圖片格式在同等圖片質量的情況下，文件的大小差異很大。比如在同等圖片質量的情況下，bmp格式比png要大得多，而png可能比jpg又大得多，而jpg又可能比google最新推出的webp格式大得多。
在互聯網時代，無論是移動端還是web端都追求一個極致的客戶體驗，因此在同等圖片質量的情況下，擁有較小的文件大小的圖片格式才是最好的格式。
七牛云存儲支持webp的格式。你可以指定imageView2指令的format參數為webp來獲取一個圖片轉換為webp格式后的結果。我們任意取一張圖片來做演示。

上面獲取資源的大小，可以使用命令curl -I 資源鏈接>來獲取資源頭部信息，然后查看Content-Length的值。
雖然這種webp格式擁有如此的魅力，但是由于不是所有的瀏覽器都支持，另外iOS平臺默認也不支持這種格式，所以看上去沒有辦法在所有的平臺推廣。但是本著最大優化的原則，我們還是可以采用一些措施來極大地降低圖片的流量。
我們把圖片的訪問分為移動平臺和web平臺。
對于移動平臺，Android是默認支持的，iOS的話，如果是App，可以通過這個項目(https://github.com/seanooi/iOS-WebP)來集成webp圖片解碼功能。
對于移動端，目前只有chrome是支持webp格式的，chrome在訪問圖片的時候會默認給Accept頭部添加image/webp值，如下圖所示：

所以業務服務器端可以根據這種頭部來判斷終端瀏覽器是否支持webp，如果支持的話，返回webp格式的圖片鏈接，如果不支持那么返回jpg格式的圖片。這種在動態頁面里面是很容易實現的。首先利用imageView2和imageMogr2支持webp的特點來將獲取不同圖片格式的指令定義為不同的樣式，然后在MVC的結構里面，Controller可以去判斷Accept頭部里面是否有image/web，如果有則返回目標格式為webp的圖片樣式，否則返回目標格式為jpeg的圖片格式。
上面的方案讓webp覆蓋了Android和iOS的移動設備和以chrome為內核的所有瀏覽器。另外對于實在無法支持的瀏覽器，采用jpeg的格式也會大大減少用戶的流量。