Web靜態化、動態化研究與實踐

□鄭冰

廣西網絡廣播電視臺自2009年開始自主研發以來，Web部署模式根據網絡、硬件等資源的投入進行過多次調整。Web頁面由靜態化轉向動態化就是其中的調整之一。2018年12月之前廣西網絡廣播電視臺一直沿用靜態頁為主、動態頁為輔的部署模式，后經過網站研發人員的整體評估，并經過領導同意，將網站部署模式轉變成了動態頁為主、靜態頁為輔的部署模式。

一、靜態化概念與部署

廣西網絡廣播電視臺自2018年12月之前一直沿用靜態化為主、動態化為輔的開發和部署模式。這主要是因為當時網站在網絡帶寬和服務器資源上投入力度不大，帶寬方面只有100M電信光纖（后擴容到了300M電信光纖和100M聯通光纖實現了雙路主備），而100M的帶寬對于一個以視頻為主的網站來說是遠遠不夠的，在服務器方面只有一臺數據庫服務器和一臺前端Web服務器，這些硬件資源在訪問量不高的時候能夠勉強維持，一旦到了訪問量激增的特殊時期，網站經常會有打不開或者打開緩慢的情況，比如南寧國際民歌藝術節期間，網站上有視頻直播，在此期間網站打開緩慢的情況格外明顯。基于以上原因，網站研發人員對網站進行了靜態化改造，保障了網站頁面的打開速度和用戶體驗。

（一）靜態化概念

靜態網頁是實際存在的，用戶在訪問到某個靜態頁眼睛所能看到的文字、圖片等內容在網頁的源代碼中是實實在在存在的，就好比我們看到某一篇文章里面的文字，都是已經印刷到了紙上，而每一篇文章根據篇幅的長短就會有相應數量的張紙，所以我們所說的靜態頁是除非人為改動，否則內容不會發生變化的Web頁面。常見的靜態頁面有以.html或.htm為后綴名的Web頁面。

（二）靜態化優缺點

靜態頁面每一個頁面就存在一個實際的物理文件，所以靜態頁是多對多的關系。其優點如下：

1.服務器在接收到用戶的請求后直接將頁面發送到用戶瀏覽器，不需要再經過其他處理過程，能極大提高頁面訪問速度。

2.因靜態頁面不需要與數據庫服務器交互，頁面與數據庫服務器之間沒有絕對的聯系，從而可降低數據庫服務器的負荷，并減少曝光的幾率，提高數據庫服務器的安全性。

3.因為訪問靜態頁的域名地址一般不帶任何參數，對搜索引擎相對比較友好。

同樣，靜態頁面也存在著相應的缺點：

1.一篇文章就必須對應至少一個靜態頁，如果業務上有分頁的需求還會有一篇文章對應多個靜態頁的情況。隨著網站數據越來越多，服務器上靜態頁的數量也會增多，這就要求服務器有足夠的存儲空間。

2.靜態頁不能訪問數據庫，在更新某篇文章后，靜態頁不能時時顯示修改后的內容，必須進行替換才可以讓用戶看到修改后的內容。

3.每個靜態頁占用的空間很小，如果有非常大量的小文件保存于硬盤中，這種碎片化的文件會造成維護不便，甚至有可能會對硬盤造成損傷。

（三）靜態頁生成與部署

正因為靜態頁是實際存在的物理文件，就好像書上的每一個頁面都需要印刷一樣，每次都需要進行制作，但如果每次都需要人工制作的話將會產生非常龐大的工作量，所以要選擇智能化自動生成靜態頁的方案。自動生成靜態頁方案一般會有兩種方式：

1.使用Web Service實時生成靜態頁方式。編輯人員在新增、修改內容后，程序實時生成相應的靜態頁。該方式的優點是編輯人員提交信息后就能馬上觸發靜態頁生成事件，缺點是如果網絡卡頓、數據庫卡頓的話，有可能會生成失敗或者編輯人員需要等待靜態頁生成后才可以進行下一步操作。

2.使用Window Service監控生成靜態頁方式。使用該方式編輯人員只需要按照一般的方式對網站內容進行操作，Window Service對網站數據庫進行監聽，如發現數據庫發生新增、修改等操作，將生成新聞內容靜態頁。該方式的優點是網站編輯人員無需等待頁面的生成，交由Windows的服務去完成，如果生成失敗會再次嘗試。其缺點是如果一直生成失敗，則會一直停留在這篇靜態頁的生成上，其他內容需要排隊等待。

經過綜合考慮對比后，廣西網絡廣播電視臺使用Window Service監控生成靜態頁方式，基本原理是先將制作好的動態頁模板部署于靜態頁生成專屬服務器中，并使用Window Service對數據庫進行監聽，當Window Service監聽到數據庫發生了新增、修改操作時獲取已經部署好的動態頁源碼另存為Html頁面，并對數據庫進行生成狀態記錄。

靜態頁生成流程圖

Window Service代碼片段節選：

二、動態化概念與部署

（一）動態化概念

動態化是跟靜態網頁相對的一種網頁編程技術，是一對多的關系。我們可以把動態頁理解為一個容器，比如一個杯子，當需要喝水時可以用杯子裝水，當需要喝酒時則可以用這個杯子裝酒。同樣的道理，當我們需要頁面呈現什么樣的內容，動態頁就可以實時去裝什么內容呈現給用戶。我們把實際的內容信息存放在數據庫中，動態頁通過唯一標識（ID）到數據庫中查找相應的內容存放到容器中并顯示給用戶，當今主流動態頁通常以.jsp、.php和.aspx為后綴名。

動態網頁流程圖

（二）動態化部署場景

既然動態化與靜態化是相對的，那它們之間的優缺點大部分也是相對的，在此就不再進行贅述。

隨著領導對網站重視程度的提高，廣西網絡廣播電視臺在帶寬和硬件投入上也逐漸增加，已經具備了實行動態化為主、靜態化為輔的部署方式。經過研發人員討論并經領導同意后，著手實時了動態化改造。下面介紹需要動態化的幾個大概場景：

1.匯總頁需要動態化。為了方便網友查找和閱讀，以及搜索引擎更加方便收錄網站內容，幾乎所有網站都會有一些匯總性質的頁面，比如列表頁和搜索頁。匯總頁因為數據量非常龐大，特別是一些大型網站，稿件量動輒上千萬，這么多數據在一個頁面上顯示的話，即使是靜態頁加載速度也會非常緩慢，如果用戶電腦性能差點還有可能導致死機，所以這類型的頁面通常需要使用分頁技術將所有文稿分到若干個頁面，每個頁面顯示若干條。如果使用靜態化開發，隨著稿件的增加，根據參數的不同，每操作一條稿件就需要重新生成所有可能的靜態頁，這將耗費大量時間和大量的服務器性能。

2.存在大量稿件并且服務器性能或者數量足夠的情況下建議動態化。如果網站的文稿數量非常龐大，全部靜態化會給運維造成不小的麻煩，特別是在需要進行數據遷移和批量刪除數據的時候。廣西網絡廣播電視臺在實際的運維過程中，曾經出現過存儲故障導致需要遷移數據的問題，以及根據領導的決定需要大批量修改文稿數據的情況，當時網站總靜態頁數量超過百萬，加之網站進行了防篡改同步設置，遷移完成后還需要重新同步所有頁面，經過網站維護人員評估，這些文件全部遷移并重新同步完成大概需要五天時間。所以類似于這種情況，建議使用動態化開發部署模式。

3.需要頻繁修改的情況下建議使用動態化。正如上面所述，每一篇稿件最少對應一個靜態頁面，如果模板頁需要經常反復修改，每改動一處就需要重新生成全部稿件頁面，這將耗費大量時間和服務器性能資源。

（三）動態詳情頁開發

動態頁的基本步驟是，管理員將文稿、視頻、圖片通過CMS系統錄入到數據庫中，并將數據的唯一標識發布到網站前臺展示，用戶根據唯一標識即可獲取并查看信息。

動態頁常見的地址格式，如http∶//news.gxtv.cn/News.aspx？id=211，用戶根據這個地址就可以訪問到管理員發布的詳細信息，其中News.aspx是動態頁地址，數字就是找到相應信息的唯一標識參數。

動態詳情頁代碼片段節選：

三、結語

一個大型網站的開發和部署所需要考慮的并不僅僅是開發人員的開發能力，也不僅僅是能實現效果就可以了，在網站項目的實際開發和部署過程中，盲目追求靜態化并不可取，需要綜合考慮各方面的因素。當下在各大搜索引擎比如百度上搜索“靜態頁”“動態頁”，查到的資料大多都是說靜態化的優點以及如何將頁面靜態化的方法等，往往忽略了靜態化相對于動態化所存在的缺點，靜態化和動態化并不是兩個非黑即白的存在，在項目實際運行中，我們會發現不論是動態化還是靜態化都各有優缺點，所以就需要我們尋找“黑”與“白”之間的“灰”，需要做到動靜結合。廣西網絡廣播電視臺除了一些需要頻繁訪問數據庫的頁面例如網站首頁、各頻道首頁仍保留靜態化外，其他頁面全部進行了動態化改造，改造完成后的系統至今運行穩定，將來我們將繼續研究和探索動態與靜態的比例，爭取達到速度、性能以及用戶體驗上的最優平衡。