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


 
UrL唯一一化。詳情系統天然地就可以做到URL統一化，如每個(gè)商品都用ID標識，那么h:/:itm.toa com/itm.htm?d-=xxx就可以作為唯一-的 URL標識。
 
分離瀏覽者相關(guān)的因素。瀏覽者相關(guān)的因素包括是否登錄以及登錄身份等信息，我們可以把它們單獨拆分出來(lái)，通過(guò)動(dòng)態(tài)請求來(lái)獲取。分離時(shí)間因素。通過(guò)動(dòng)態(tài)請求獲取服務(wù)端輸出的時(shí)間。
 
異步化地域因素。以異步方式獲取詳情系統上與地域相關(guān)的信息。
 
去掉Cookie?？梢酝ㄟ^(guò)代碼軟件刪除服務(wù)端輸出頁(yè)面中包含的Cookie，如可以通過(guò)unset req.http.cookie命令去掉Varnish中的Cookie.
 
分離出動(dòng)態(tài)內容以后，如何組織這些內容也是非常關(guān)鍵的，因為頁(yè)面中其他模塊會(huì )用到這些動(dòng)態(tài)內容(比如判斷該用戶(hù)是否登錄等)。通過(guò)把這些信息JSON化，前端可以很方便地獲取它們。
 
知道了分離哪些內容，又知道怎么組織它們，現在的問(wèn)題就是如何獲取它們并把它們和靜態(tài)文件組裝在一起。我們可以通過(guò)兩種方式獲取動(dòng)態(tài)內容: ESI (Edge Side Includes)和CSI ( Client Side Includes )。
 
ESI。即在Web代理服務(wù)器上做動(dòng)態(tài)內容請求，并將請求插人靜態(tài)頁(yè)面中，當用戶(hù)拿到頁(yè)面時(shí)已經(jīng)是一個(gè)完整的頁(yè)面。如現在的詳情系統就是采用這種方式。這種方式對服務(wù)端性能有些影響，但是用戶(hù)體驗較好。
 
CSI。即發(fā)起一個(gè)異步JS請求，單獨向網(wǎng)站制作服務(wù)端獲取動(dòng)態(tài)內容。這種方式下的服務(wù)端性能更佳，但是用戶(hù)端頁(yè)面略有延時(shí)，體驗稍差。