大家可能有一個(gè)這樣的感覺，一些我們天天上的網(wǎng)站特別是大型網(wǎng)站打開的時(shí)候會(huì)特別的快，而一些我們不經(jīng)常打開的網(wǎng)站第一次打開非常慢，特別是當(dāng)我們在網(wǎng)上查找某一個(gè)公司的時(shí)候打開某個(gè)公司網(wǎng)站的時(shí)候更有這種感覺。

其實(shí)這種區(qū)別主要是兩個(gè)原因造成的：第一，是因?yàn)榇笮途W(wǎng)站的硬件資源肯定更好，比如百度肯定在全國更低都有一些網(wǎng)絡(luò)節(jié)點(diǎn)，而小網(wǎng)站特別是企業(yè)網(wǎng)站一般都是使用一些虛擬空間，很多只有1MB帶寬；第二，大網(wǎng)站經(jīng)?？矗院芏喙驳馁Y源是被電腦或手機(jī)緩存起來的，而小網(wǎng)站第一次打開需要重新加載所有的資源。

同樣有一個(gè)現(xiàn)象，我們第一次打開一個(gè)網(wǎng)站的時(shí)候可能很慢，比如需要5-10s甚至更長時(shí)間，而刷新的時(shí)候就會(huì)快很多，而這個(gè)時(shí)間主要是用于網(wǎng)絡(luò)傳輸?shù)臅r(shí)間，當(dāng)然如果有復(fù)雜邏輯計(jì)算，那么還有后臺運(yùn)算的時(shí)間。

而事實(shí)上一般的企業(yè)網(wǎng)站都是使用較低的硬件配置，比如如果一臺單獨(dú)的企業(yè)網(wǎng)站服務(wù)器，可能就使用1MB帶寬的帶寬（要知道帶寬是很貴的資源）。因?yàn)橐粋€(gè)企業(yè)網(wǎng)站一天能夠有幾千IP訪問量就很不錯(cuò)了，很多企業(yè)網(wǎng)站都不到幾十IP，我們微構(gòu)網(wǎng)絡(luò)最近官網(wǎng)的日均IP也才300-500的樣子。最土豪的方式當(dāng)然是投入更多，而問題是很多人覺得一個(gè)小小企業(yè)網(wǎng)站投入大量帶寬資源簡直是浪費(fèi)資源，而且事實(shí)上也是如此的，因?yàn)槟骋恍┮惶?4小時(shí)內(nèi)累計(jì)訪問時(shí)長可能只有幾分鐘到幾十分鐘。

基于這樣的現(xiàn)實(shí)，我們提供了成本低且可以很大程度上解決該問題的方案，那就是把網(wǎng)站的靜態(tài)資源，特別是通用的一些靜態(tài)資源，比如企業(yè)網(wǎng)站的大banner、素材、橫幅、js、css與網(wǎng)站主體分離，把這些大量消耗峰值帶寬（即只是某些高峰期好帶寬，而很多時(shí)候不需要多少帶寬）的資源分離出來，存儲(chǔ)到一些專門的存儲(chǔ)和CDN服務(wù)上門，比如阿里云的OSS+CDN、七牛云等。這樣打開速度會(huì)提升幾倍，而成本基本沒增加多少；而且這個(gè)方案在我們很多個(gè)企業(yè)網(wǎng)站項(xiàng)目中很好應(yīng)用，都取得非常不錯(cuò)的效果。

網(wǎng)站建設(shè)中采用靜態(tài)資源分離方案除了更快，就沒有別的好處了?

當(dāng)然不是！

下面我們分享一個(gè)簡單的實(shí)例來解釋還有其他的好處。比如我們微構(gòu)網(wǎng)絡(luò)官網(wǎng)就采用了上述描述的方案，最近遇到兩個(gè)事情，說明分離靜態(tài)資源的另外兩個(gè)好處。

案例一：網(wǎng)站被扒。懂開發(fā)的朋友都知道，網(wǎng)站前臺是可以直接把代碼復(fù)制的，只是在這個(gè)過程中“偷”的成本不同而已；因此微構(gòu)網(wǎng)絡(luò)官方網(wǎng)站的前端部分最近幾個(gè)月就經(jīng)常被一些同行公司抄去做自己的官網(wǎng)。如果是傳統(tǒng)的架構(gòu)，那么直接使用html網(wǎng)頁下載器即可以把網(wǎng)站中的html、css、js、圖片等靜態(tài)資源全部下載下來；而分離后直接使用傳統(tǒng)的下載器下載那么靜態(tài)資源部分中的資源是不能下載的。這樣一來雖然可以通過進(jìn)一步的方式獲取到，但操作成本大大增加；對方成本增加從某種程度上就更加保護(hù)了我們的成果。而且要是水平不太高的小偷，可能直接把靜態(tài)資源使用我們的，而我們這個(gè)時(shí)候如果故意不留限制的話，后續(xù)就很精彩了，大家都懂的。

案例二：網(wǎng)站被鏡像。網(wǎng)站鏡像雖然看上去是一個(gè)很古老的名詞，然而現(xiàn)在依然非常常見，特別是一些曝光度比較高的網(wǎng)站；只不過現(xiàn)在的鏡像都由傳統(tǒng)的定向鏡像改為非定向鏡像而已。也就是沒有確定的目標(biāo)，比如一些博彩類的網(wǎng)站會(huì)瘋狂隨機(jī)鏡像其他的網(wǎng)站內(nèi)容，而且都是用軟件批量操作的。如果是傳統(tǒng)的架構(gòu)，會(huì)非常容易實(shí)現(xiàn)對目標(biāo)網(wǎng)站的內(nèi)容鏡像，而采用靜態(tài)資源分離后成本將大大增加。因?yàn)殓R像一般都是把獲取過來的內(nèi)容通過替換，把域名換成鏡像網(wǎng)站的域名，而我們網(wǎng)站的主域名是不方便經(jīng)常更改的。但是我們的靜態(tài)資源所對應(yīng)的url可以經(jīng)常更改，而不影響用戶的使用。而且很多鏡像行為只替換了主域名，這個(gè)時(shí)候鏡像網(wǎng)站實(shí)際上使用了我們的靜態(tài)資源，包括css和js之類的，那么我們可以禁止他訪問，或者在js中通過判斷如果不是自己網(wǎng)站就把網(wǎng)頁重定向到自己網(wǎng)站。這樣鏡像網(wǎng)站就將失去意義了，如果對方還是想鏡像網(wǎng)站，這樣的成本就會(huì)增加許多。

今天微構(gòu)網(wǎng)絡(luò)跟大家分享靜態(tài)資源分離除了加快速度、降低成本外的另外兩個(gè)好處，其實(shí)除此之外還有更多的好處，我們將在后續(xù)繼續(xù)跟大家分享。