什么文件適合用CDN加載
CDN主要適用于一些靜態(tài)資源文件的加載,比如javascript文件、css樣式文件、字體、圖片、視頻等其他資源文件。這些文件我們往往放到自己的一些前端服務(wù)器中做處理(nginx),使用CDN就可以免除前端服務(wù)器部分工作了。
使用CDN的好處
提升網(wǎng)站的性能
使用CDN最大的益處是為你的服務(wù)器提供“分流”,節(jié)省了你的帶寬,減少了服務(wù)器的壓力,很多CDN廠商提供的資源訪問服務(wù)加載速度還是比較快的(墻內(nèi)除外)。
文件緩存
對于那些被普遍使用的資源文件(比如jquery),如果用戶在訪問你網(wǎng)站之前已經(jīng)訪問過其他使用該CDN的網(wǎng)站,那么在用戶瀏覽器中已經(jīng)對該資源文件做了緩存,對于你的網(wǎng)站來說,這是個不錯的性能提升!
高可用
相信微軟、谷歌、雅虎的服務(wù)器相對于你自身的服務(wù)器來說更加可靠些,他們提供了高可用、低網(wǎng)絡(luò)延遲,降低了數(shù)據(jù)包的丟失幾率。你無需擔(dān)心服務(wù)器宕機(jī)或者網(wǎng)絡(luò)延遲的問題。
資源文件版本管理
對于某些資源文件的升級(css,js lib),你無需每次通過修改程序來加載最新的版本,只需要在加載CDN資源文件時指定始終加載"lastest"文件就可以。
CDN使用小貼士
省略URL的協(xié)議,去掉http:或者h(yuǎn)ttps:,這樣就免去了協(xié)議的適配問題。如:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
以防萬一,提供一個備用的本地資源文件。
最近的google墻的很厲害,導(dǎo)致很多使用wordpress的站點(diǎn),加載速度很慢,甚至直接導(dǎo)致頁面無法加載,安全起見,我們提供一個本地的備份資源文件:
<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