Web靜態(tài)化、動態(tài)化研究與實(shí)踐

□鄭冰

廣西網(wǎng)絡(luò)廣播電視臺自2009年開始自主研發(fā)以來，Web部署模式根據(jù)網(wǎng)絡(luò)、硬件等資源的投入進(jìn)行過多次調(diào)整。Web頁面由靜態(tài)化轉(zhuǎn)向動態(tài)化就是其中的調(diào)整之一。2018年12月之前廣西網(wǎng)絡(luò)廣播電視臺一直沿用靜態(tài)頁為主、動態(tài)頁為輔的部署模式，后經(jīng)過網(wǎng)站研發(fā)人員的整體評估，并經(jīng)過領(lǐng)導(dǎo)同意，將網(wǎng)站部署模式轉(zhuǎn)變成了動態(tài)頁為主、靜態(tài)頁為輔的部署模式。

一、靜態(tài)化概念與部署

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

（一）靜態(tài)化概念

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

（二）靜態(tài)化優(yōu)缺點(diǎn)

靜態(tài)頁面每一個頁面就存在一個實(shí)際的物理文件，所以靜態(tài)頁是多對多的關(guān)系。其優(yōu)點(diǎn)如下：

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

2.因靜態(tài)頁面不需要與數(shù)據(jù)庫服務(wù)器交互，頁面與數(shù)據(jù)庫服務(wù)器之間沒有絕對的聯(lián)系，從而可降低數(shù)據(jù)庫服務(wù)器的負(fù)荷，并減少曝光的幾率，提高數(shù)據(jù)庫服務(wù)器的安全性。

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

同樣，靜態(tài)頁面也存在著相應(yīng)的缺點(diǎn)：

1.一篇文章就必須對應(yīng)至少一個靜態(tài)頁，如果業(yè)務(wù)上有分頁的需求還會有一篇文章對應(yīng)多個靜態(tài)頁的情況。隨著網(wǎng)站數(shù)據(jù)越來越多，服務(wù)器上靜態(tài)頁的數(shù)量也會增多，這就要求服務(wù)器有足夠的存儲空間。

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

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

（三）靜態(tài)頁生成與部署

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

1.使用Web Service實(shí)時生成靜態(tài)頁方式。編輯人員在新增、修改內(nèi)容后，程序?qū)崟r生成相應(yīng)的靜態(tài)頁。該方式的優(yōu)點(diǎn)是編輯人員提交信息后就能馬上觸發(fā)靜態(tài)頁生成事件，缺點(diǎn)是如果網(wǎng)絡(luò)卡頓、數(shù)據(jù)庫卡頓的話，有可能會生成失敗或者編輯人員需要等待靜態(tài)頁生成后才可以進(jìn)行下一步操作。

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

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

靜態(tài)頁生成流程圖

Window Service代碼片段節(jié)選：

二、動態(tài)化概念與部署

（一）動態(tài)化概念

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

動態(tài)網(wǎng)頁流程圖

（二）動態(tài)化部署場景

既然動態(tài)化與靜態(tài)化是相對的，那它們之間的優(yōu)缺點(diǎn)大部分也是相對的，在此就不再進(jìn)行贅述。

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

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

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

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

（三）動態(tài)詳情頁開發(fā)

動態(tài)頁的基本步驟是，管理員將文稿、視頻、圖片通過CMS系統(tǒng)錄入到數(shù)據(jù)庫中，并將數(shù)據(jù)的唯一標(biāo)識發(fā)布到網(wǎng)站前臺展示，用戶根據(jù)唯一標(biāo)識即可獲取并查看信息。

動態(tài)頁常見的地址格式，如http∶//news.gxtv.cn/News.aspx？id=211，用戶根據(jù)這個地址就可以訪問到管理員發(fā)布的詳細(xì)信息，其中News.aspx是動態(tài)頁地址，數(shù)字就是找到相應(yīng)信息的唯一標(biāo)識參數(shù)。

動態(tài)詳情頁代碼片段節(jié)選：

三、結(jié)語

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