靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)有什么區(qū)別

一、靜態(tài)網(wǎng)頁(yè)介紹

在網(wǎng)站設(shè)計(jì)中，早期（大約 2000 年以前）的網(wǎng)站大多都是由靜態(tài)網(wǎng)頁(yè)制作的。靜態(tài)網(wǎng)頁(yè)是相對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)而言的，是指沒(méi)有后臺(tái)數(shù)據(jù)庫(kù)、不含程序（如 PHP、JSP、ASP）和可交互的網(wǎng)頁(yè)。常見(jiàn)的靜態(tài)網(wǎng)頁(yè)語(yǔ)言有 HTML、JS、CSS、XML、SHTML 等。

特點(diǎn)

靜態(tài)網(wǎng)頁(yè)資源的特點(diǎn)是，開(kāi)發(fā)者編寫的是什么，它顯示的就是什么，一旦編寫完成，就不會(huì)有任何改變。靜態(tài)網(wǎng)頁(yè)的維護(hù)和更新相對(duì)比較麻煩，每個(gè)不同的網(wǎng)頁(yè)都需要單獨(dú)編輯更新，靜態(tài)網(wǎng)頁(yè)一般適用于更新較少的宣傳展示型網(wǎng)站（如酒、家具、豬飼料等的宣傳網(wǎng)站），是早期（2000 年以前)很多中小網(wǎng)站常用展示的形式。

靜態(tài)網(wǎng)頁(yè)資源的對(duì)應(yīng)程序及資源文件的常見(jiàn)擴(kuò)展名如下：

純文本類程序或文件，如htm、html、xml、shtml、css 等，

圖片類文件或數(shù)據(jù)文檔，如 jpg、gif、png、bmp、txt、doe、ppt 等

視頻類流媒體文件，如 mp4、swf、avi、wmv、flv等。

靜態(tài)網(wǎng)頁(yè)資源有以下幾個(gè)重要的特征：

1）每個(gè)頁(yè)面都有一個(gè)固定的 URL地址，且 URL 一般以.btm、.html、.shtml 等常見(jiàn)形式為后級(jí)，而且地址中不含有問(wèn)號(hào)？或＆等特殊符號(hào)

2）網(wǎng)頁(yè)內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無(wú)論是否有用戶訪問(wèn)，網(wǎng)頁(yè)的內(nèi)容都是保存在網(wǎng)站服務(wù)器文件系統(tǒng)上的，也就是說(shuō)，靜態(tài)網(wǎng)頁(yè)是實(shí)實(shí)在在保存在服務(wù)器上的文件實(shí)體，每個(gè)網(wǎng)頁(yè)都是一個(gè)獨(dú)立的文件。

3）網(wǎng)頁(yè)內(nèi)容是固定不變的，因此，容易被搜素引擎收錄（容易被用戶找到）（優(yōu)點(diǎn)）。

4）網(wǎng)頁(yè)沒(méi)有數(shù)據(jù)庫(kù)的支持，在網(wǎng)站制作和維護(hù)方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁(yè)制作的方式比較困難（缺點(diǎn)）。

5）網(wǎng)頁(yè)的交互性較差，在程序動(dòng)能實(shí)現(xiàn)方面有較大的限制 （缺點(diǎn)）。

6）網(wǎng)頁(yè)程序在用戶瀏覽器端解析，如 IE 瀏覽器，程序解析效率很高。由于服務(wù)器端不進(jìn)行解析，并且不需要讀取數(shù)據(jù)庫(kù)，因此服務(wù)器端可以接受更多的并發(fā)訪問(wèn)。（優(yōu)點(diǎn)）

總結(jié)如下：

1）程序在客戶瀏覽器端解析，不讀取后端數(shù)據(jù)庫(kù)，因此性能和效率很高。

2）因?yàn)楹蠖藳](méi)有數(shù)據(jù)庫(kù)的支持，所以交互性較差，功能實(shí)現(xiàn)也很少。

有關(guān)靜態(tài)網(wǎng)頁(yè)的架構(gòu)思想

在高并發(fā)、高訪問(wèn)量的場(chǎng)景下做架構(gòu)優(yōu)化，涉及的關(guān)鍵環(huán)節(jié)就是把動(dòng)態(tài)網(wǎng)頁(yè)轉(zhuǎn)換成靜態(tài)網(wǎng)頁(yè)，而不直接請(qǐng)求數(shù)據(jù)庫(kù)和動(dòng)態(tài)服務(wù)器，并且可以把靜態(tài)內(nèi)容推送到前端緩存（或 CDN) 中提供服務(wù)，這樣就可以提升用戶體驗(yàn)，節(jié)約服務(wù)器和維護(hù)成本。

二、動(dòng)態(tài)網(wǎng)頁(yè)介紹

所謂的動(dòng)態(tài)網(wǎng)頁(yè)是與靜態(tài)網(wǎng)頁(yè)相對(duì)而言的，也就是說(shuō)，動(dòng)態(tài)網(wǎng)頁(yè)的 URL 后綴不是.htm、.html、.shtml、.xml、js、.css 等靜態(tài)網(wǎng)頁(yè)的常見(jiàn)后級(jí)擴(kuò)展名形式，而是以.asp、.aspx、 .php、.jsp、.do、.cgi 等形式作為后綴的，并且一般在動(dòng)態(tài)網(wǎng)頁(yè)網(wǎng)址中會(huì)有標(biāo)志性的符號(hào)？和＆，此外，在大多數(shù)情況下后端都需要有數(shù)據(jù)庫(kù)支持等。

特點(diǎn)

1）常見(jiàn)網(wǎng)頁(yè)擴(kuò)展名后綴有.asp、aspx、php、jsp、.do、.cgi 等。

2）網(wǎng)頁(yè)一般以數(shù)據(jù)庫(kù)技術(shù)為基礎(chǔ)，大大降低了網(wǎng)站維護(hù)的工作量。

3）采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)的網(wǎng)站可以實(shí)現(xiàn)更多的功能，如用戶注冊(cè)、用戶登錄、在線調(diào)查、投票、用戶管理、訂單管理、發(fā)博文等。

4）動(dòng)態(tài)網(wǎng)頁(yè)并不是獨(dú)立存在于服務(wù)器上的網(wǎng)頁(yè)文件，當(dāng)用服務(wù)器上的動(dòng)態(tài)程序時(shí)，服務(wù)器解析這些程序并可能讀取數(shù)據(jù)庫(kù)信息返回一個(gè)完整的網(wǎng)頁(yè)內(nèi)容。

5）動(dòng)態(tài)網(wǎng)頁(yè)中的？在搜索引擎的收錄方面存在一定的問(wèn)題，搜索引擎一般不會(huì)從一個(gè)網(wǎng)站的數(shù)據(jù)庫(kù)中訪問(wèn)全部網(wǎng)頁(yè)，或者出于技術(shù)等方面的考慮，搜索蜘蛛一般不會(huì)去抓取網(wǎng)址中？后面的內(nèi)容，因此在企業(yè)通過(guò)瘦索引擎進(jìn)行推廣時(shí)，需要針對(duì)采用動(dòng)態(tài)網(wǎng)頁(yè)的網(wǎng)站做一定的技術(shù)處理（偽靜態(tài)技術(shù)），以便適應(yīng)搜索引擎的抓取要求。

6）程序在服務(wù)器端解析，這相當(dāng)于顧客點(diǎn)餐，飯店廚師做飯做菜，耗時(shí)長(zhǎng)、效率低。由于程序在服務(wù)器端解析，因此，會(huì)消耗大量的CPU和內(nèi)存、IO等資源，并且多數(shù)還要讀取數(shù)據(jù)庫(kù)等服務(wù)，因此，其訪問(wèn)效率遠(yuǎn)不如靜態(tài)網(wǎng)頁(yè)，在服務(wù)器端解析動(dòng)態(tài)程序的服務(wù)常見(jiàn)的有PHP引擎、Java容器（tomcat、resin、jboss、weblogic）。

有關(guān)動(dòng)態(tài)網(wǎng)頁(yè)的架構(gòu)思想

一般來(lái)說(shuō)，靜態(tài)網(wǎng)頁(yè)的性能效率是動(dòng)態(tài)網(wǎng)頁(yè)的10~30倍，且動(dòng)態(tài)網(wǎng)站效率很低，并發(fā)能力也很低，在高并發(fā)場(chǎng)景中應(yīng)盡可能轉(zhuǎn)換成靜態(tài)網(wǎng)頁(yè)提供服務(wù)。動(dòng)態(tài)轉(zhuǎn)靜態(tài)幾乎是所有高并發(fā)網(wǎng)站必備的架構(gòu)方案思路，也是高級(jí)架構(gòu)師的職責(zé)所在。

此外，動(dòng)態(tài)轉(zhuǎn)靜態(tài)也要根據(jù)業(yè)務(wù)需求設(shè)計(jì)。例如，對(duì)于更新頻繁的網(wǎng)站如果設(shè)計(jì)不好就可能會(huì)產(chǎn)生數(shù)據(jù)不一致的情況，即用戶看到的數(shù)據(jù)不是網(wǎng)站最新的內(nèi)容，而是靜態(tài)的內(nèi)容。

三、偽靜態(tài)網(wǎng)頁(yè)

介紹

顧名思義，偽靜態(tài)就是通過(guò)某些技術(shù)（如rewrite）把動(dòng)態(tài)網(wǎng)頁(yè)的URL地址偽裝成靜態(tài)網(wǎng)頁(yè)URL地址，但實(shí)質(zhì)上用戶訪問(wèn)的還是動(dòng)態(tài)網(wǎng)頁(yè)，只不過(guò)URL地址看起來(lái)是符合靜態(tài)網(wǎng)頁(yè)地址特征的，因此，用戶及某些搜索引擎會(huì)誤認(rèn)為其是靜態(tài)網(wǎng)頁(yè)。

特點(diǎn)

從網(wǎng)站的URL地址來(lái)看，偽靜態(tài)表面上看起來(lái)是靜態(tài)內(nèi)容（如地址結(jié)尾帶html），這是通過(guò)rewrite規(guī)則來(lái)實(shí)現(xiàn)的URL地址重寫。改寫后的URL地址更規(guī)范、美觀，有利于搜索引擎抓取，以及提升用戶訪問(wèn)體驗(yàn)。

例如：https://zhuanlan.zhihu.com/p/711842574這個(gè)地址都是偽靜態(tài)的。因?yàn)閭戊o態(tài)網(wǎng)頁(yè)還是動(dòng)態(tài)網(wǎng)頁(yè)，從性能上考慮，偽靜態(tài)功能不但沒(méi)有提升網(wǎng)站性能，反而會(huì)降低網(wǎng)站的性能。這一點(diǎn)讀者要理解。

作用

由于搜索引擎無(wú)法正確讀取帶參數(shù)的動(dòng)態(tài)網(wǎng)頁(yè)內(nèi)容，造成網(wǎng)頁(yè)中很多具有豐富信息的頁(yè)面無(wú)法被搜索引擎收錄，因此才有了偽靜態(tài)技術(shù)，它的作用是把動(dòng)態(tài)網(wǎng)頁(yè)URL改寫成靜態(tài)網(wǎng)頁(yè)的URL，雖然同樣是消除了動(dòng)態(tài)網(wǎng)頁(yè)中的參數(shù)，但是并不需要生成任何網(wǎng)頁(yè)，僅僅是改變了網(wǎng)頁(yè)地址路徑。這樣做的主要目的有兩個(gè)，一是讓搜索引擎收錄網(wǎng)站內(nèi)容，實(shí)現(xiàn)讓更多的用戶訪問(wèn)企業(yè)網(wǎng)站內(nèi)容；二是提升用戶訪問(wèn)體驗(yàn)，動(dòng)態(tài)地址帶特殊符號(hào)等的URL看起來(lái)也不如靜態(tài)網(wǎng)頁(yè)地址規(guī)范。

缺點(diǎn)

動(dòng)態(tài)網(wǎng)頁(yè)偽裝成靜態(tài)網(wǎng)頁(yè)，雖然可以讓搜索引擎收錄，并且可以提升用戶訪問(wèn)體驗(yàn)，但偽靜態(tài)網(wǎng)頁(yè)并不能提開(kāi)網(wǎng)站的訪問(wèn)效率性能，從理論上來(lái)說(shuō)還會(huì)降低網(wǎng)站的性能，沒(méi)有動(dòng)態(tài)轉(zhuǎn)靜態(tài)網(wǎng)頁(yè)訪問(wèn)效率高，但是對(duì)于一些并發(fā)不是超大的情況來(lái)說(shuō)，或者是硬件資源充足的情況下，偽靜態(tài)還是一個(gè)不錯(cuò)的實(shí)用功能，因?yàn)橐褎?dòng)態(tài)網(wǎng)頁(yè)真正地轉(zhuǎn)成靜態(tài)網(wǎng)頁(yè)，不是一朝一夕的事情，需要技術(shù)團(tuán)隊(duì)通力配合才能行。

現(xiàn)在很多大型的網(wǎng)站都采用了動(dòng)態(tài)網(wǎng)頁(yè)生成靜態(tài)網(wǎng)頁(yè)的技術(shù)，消除動(dòng)態(tài)網(wǎng)頁(yè)中的參數(shù)以使搜索引擎收錄更多的內(nèi)容，達(dá)到優(yōu)化網(wǎng)站的效果。當(dāng)網(wǎng)站遇到訪問(wèn)“瓶頸”時(shí)，如果有技術(shù)力量將動(dòng)態(tài)網(wǎng)頁(yè)轉(zhuǎn)化成靜態(tài)網(wǎng)頁(yè)那就再好不過(guò)了，但是，有些更新頻率很高的業(yè)務(wù)并不適合這么做，或者將動(dòng)態(tài)轉(zhuǎn)為靜態(tài)有很大難度，這時(shí)就可以考慮設(shè)置偽靜態(tài)。

小結(jié)

利用rewrite技術(shù)將動(dòng)態(tài)網(wǎng)頁(yè)偽裝成靜態(tài)網(wǎng)頁(yè)（URL地址改寫）。便于搜索引擎收錄，提升用戶訪問(wèn)量以及用戶體驗(yàn)。訪問(wèn)性能沒(méi)有提升，并且轉(zhuǎn)換偽靜態(tài)會(huì)消耗資源，因此網(wǎng)站性能反而會(huì)下降。盡可能將動(dòng)態(tài)網(wǎng)頁(yè)轉(zhuǎn)換成真正的靜態(tài)頁(yè)面。并發(fā)量不是很大或者動(dòng)態(tài)更新過(guò)于頻繁的時(shí)候，用rewrite實(shí)現(xiàn)偽靜態(tài)也是不錯(cuò)的。偽靜態(tài)網(wǎng)頁(yè)的實(shí)現(xiàn)過(guò)程一般是由運(yùn)營(yíng)產(chǎn)品提出需求，開(kāi)發(fā)和運(yùn)維共同實(shí)現(xiàn)的。

四、Web架構(gòu)優(yōu)化實(shí)戰(zhàn)方案

由于靜態(tài)網(wǎng)頁(yè)程序在客戶端解析，大大降低了服務(wù)器端的訪問(wèn)壓力，因此解析效率更高，在實(shí)際高并發(fā)網(wǎng)站架構(gòu)中，可以考慮把用戶請(qǐng)求的數(shù)據(jù)解析后轉(zhuǎn)換成靜態(tài)文件存放于磁盤中或放于內(nèi)存中以減少動(dòng)態(tài)服務(wù)器的壓力、節(jié)約企業(yè)成本、提升用戶體驗(yàn)。

下面介紹幾個(gè)高并發(fā)網(wǎng)站架構(gòu)從動(dòng)態(tài)轉(zhuǎn)靜態(tài)不用更改企業(yè)業(yè)務(wù)產(chǎn)品代碼就可以實(shí)現(xiàn)的例子。

1、新聞門戶網(wǎng)站

新聞網(wǎng)站的特點(diǎn)是一旦發(fā)布完成，幾乎不會(huì)再改動(dòng)網(wǎng)頁(yè)內(nèi)容。因此，對(duì)于新聞業(yè)務(wù)內(nèi)容的靜態(tài)化相對(duì)比較簡(jiǎn)單。

第一步：程序要支持發(fā)布動(dòng)態(tài)內(nèi)容轉(zhuǎn)成靜態(tài)功能。

第二步：運(yùn)營(yíng)編輯人員發(fā)布新聞網(wǎng)頁(yè)后，后臺(tái)程序立刻將動(dòng)態(tài)網(wǎng)頁(yè)生成靜態(tài)文件。

第三步：運(yùn)維人員通過(guò)發(fā)布或事件觸發(fā)把運(yùn)營(yíng)編輯生成的靜態(tài)網(wǎng)頁(yè)發(fā)布到事先搭建好的公司緩存集群服務(wù)器上，或者把靜態(tài)內(nèi)容同步到購(gòu)買的全國(guó)所有CDN服務(wù)器節(jié)點(diǎn)上，然后再提供給用戶訪問(wèn)瀏覽。

2、視頻網(wǎng)站視頻網(wǎng)站

和新聞網(wǎng)站類似，特點(diǎn)都是一旦發(fā)布完成，幾乎不會(huì)再改動(dòng)網(wǎng)頁(yè)內(nèi)容。因此，實(shí)現(xiàn)視頻業(yè)務(wù)網(wǎng)站高效訪問(wèn)也很簡(jiǎn)單。

以bilibili為例，用戶在上傳視頻時(shí)，需要經(jīng)歷轉(zhuǎn)碼→審核的過(guò)程（大概需要1個(gè)小時(shí)），然后一些熱點(diǎn)視頻也可能會(huì)被提前推送到CDN的核心節(jié)點(diǎn)或全國(guó)所有CDN服務(wù)器節(jié)點(diǎn)，用戶訪問(wèn)時(shí)才會(huì)更快。

3、Blog/BBS/SNS/微博社區(qū)業(yè)務(wù)/電商（如淘寶、京東）

這幾類業(yè)務(wù)的動(dòng)態(tài)轉(zhuǎn)靜態(tài)是比較困難的，因?yàn)橛脩舭l(fā)布完成后，可能會(huì)隨時(shí)更新并查看，這種情況一般會(huì)通過(guò)異步方式，如消息中間件技術(shù)加上NoSQL集群技術(shù)實(shí)現(xiàn)實(shí)現(xiàn)轉(zhuǎn)換，當(dāng)然也會(huì)改進(jìn)產(chǎn)品細(xì)節(jié)。