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

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

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

特點(diǎn)

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

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

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

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

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

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

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

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

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

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

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

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

總結(jié)如下：

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

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

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

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

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

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

特點(diǎn)

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

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

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

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

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

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

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

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

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

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

介紹

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

特點(diǎn)

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

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

作用

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

缺點(diǎn)

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

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

小結(jié)

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

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

由于靜態(tài)網(wǎng)頁程序在客戶端解析，大大降低了服務(wù)器端的訪問壓力，因此解析效率更高，在實(shí)際高并發(fā)網(wǎng)站架構(gòu)中，可以考慮把用戶請求的數(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)頁內(nèi)容。因此，對于新聞業(yè)務(wù)內(nèi)容的靜態(tài)化相對比較簡單。

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

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

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

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

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

以bilibili為例，用戶在上傳視頻時(shí)，需要經(jīng)歷轉(zhuǎn)碼→審核的過程（大概需要1個(gè)小時(shí)），然后一些熱點(diǎn)視頻也可能會(huì)被提前推送到CDN的核心節(jié)點(diǎn)或全國所有CDN服務(wù)器節(jié)點(diǎ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ì)通過異步方式，如消息中間件技術(shù)加上NoSQL集群技術(shù)實(shí)現(xiàn)實(shí)現(xiàn)轉(zhuǎn)換，當(dāng)然也會(huì)改進(jìn)產(chǎn)品細(xì)節(jié)。