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

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

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

特點

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

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

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

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

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

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

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

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

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

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

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

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

總結如下：

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

2）因為后端沒有數(shù)據(jù)庫的支持，所以交互性較差，功能實現(xiàn)也很少。

有關靜態(tài)網(wǎng)頁的架構思想

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

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

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

特點

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

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

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

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

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

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

有關動態(tài)網(wǎng)頁的架構思想

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

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

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

介紹

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

特點

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

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

作用

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

缺點

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

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

小結

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

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

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

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

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

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

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

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

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

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

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

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

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

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