如何把動態(tài)頁面改造成適合緩存的靜態(tài)頁面呢?就是通過前面提及的去除影響因素的方法，即通過動靜分離把這些因素獨立出來。下面以詳情系統(tǒng)(Detail)為例介紹如何做動靜分離。

UrL唯一一化。詳情系統(tǒng)天然地就可以做到URL統(tǒng)一化，如每個商品都用ID標(biāo)識，那么h:/:itm.toa com/itm.htm?d-=xxx就可以作為唯一-的 URL標(biāo)識。

分離瀏覽者相關(guān)的因素。瀏覽者相關(guān)的因素包括是否登錄以及登錄身份等信息，我們可以把它們單獨拆分出來，通過動態(tài)請求來獲取。分離時間因素。通過動態(tài)請求獲取服務(wù)端輸出的時間。

異步化地域因素。以異步方式獲取詳情系統(tǒng)上與地域相關(guān)的信息。

去掉Cookie?？梢酝ㄟ^代碼軟件刪除服務(wù)端輸出頁面中包含的Cookie，如可以通過unset req.http.cookie命令去掉Varnish中的Cookie.

分離出動態(tài)內(nèi)容以后，如何組織這些內(nèi)容也是非常關(guān)鍵的，因為頁面中其他模塊會用到這些動態(tài)內(nèi)容(比如判斷該用戶是否登錄等)。通過把這些信息JSON化，前端可以很方便地獲取它們。

知道了分離哪些內(nèi)容，又知道怎么組織它們，現(xiàn)在的問題就是如何獲取它們并把它們和靜態(tài)文件組裝在一起。我們可以通過兩種方式獲取動態(tài)內(nèi)容: ESI (Edge Side Includes)和CSI ( Client Side Includes )。

ESI。即在Web代理服務(wù)器上做動態(tài)內(nèi)容請求，并將請求插人靜態(tài)頁面中，當(dāng)用戶拿到頁面時已經(jīng)是一個完整的頁面。如現(xiàn)在的詳情系統(tǒng)就是采用這種方式。這種方式對服務(wù)端性能有些影響，但是用戶體驗較好。

CSI。即發(fā)起一個異步JS請求，單獨向網(wǎng)站制作服務(wù)端獲取動態(tài)內(nèi)容。這種方式下的服務(wù)端性能更佳，但是用戶端頁面略有延時，體驗稍差。