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

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

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

特點

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

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

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

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

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

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

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

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

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

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

5）網頁的交互性較差，在程序動能實現方面有較大的限制 （缺點）。

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

總結如下：

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

2）因為后端沒有數據庫的支持，所以交互性較差，功能實現也很少。

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

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

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

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

特點

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

2）網頁一般以數據庫技術為基礎，大大降低了網站維護的工作量。

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

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

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

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

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

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

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

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

介紹

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

特點

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

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

作用

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

缺點

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

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

小結

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

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

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

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

1、新聞門戶網站

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

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

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

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

2、視頻網站視頻網站

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

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

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

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