靜態網站和動態網站有什么區別?

　　在對網站設計和開發進行研究期間，我們可能遇到過用于描述網站類型的兩個術語：“靜態”和“動態”。

　　如果您正在構建自己的網站，選擇靜態網站還是動態網站是需要做出的首要決定之一，因為它將決定網頁如何存儲并在瀏覽器中傳遞給訪問者。

　　靜態網站和動態網站的區別在于，靜態網站對于每個訪問它們的用戶來說都是一樣的，并且只有在開發人員修改源文件時才會發生變化，而動態網站可以向不同的訪問者呈現不同的信息。無論網站看起來多么復雜，網頁的核心只是顯示在網絡瀏覽器中的 HTML 文件。當我們訪問一個網站時，瀏覽器會向托管該網站的 Web 服務器發送一個請求，服務器會通過發回一個 HTML 文件（以及一些其他相關文件）來做出響應。

　　最終，靜態和動態網站都會生成 HTML 文件，但網站“靜態”與“動態”的區別取決于服務器在將其發送給用戶之前如何創建此 HTML 文件。要了解其中的區別，讓我們首先了解靜態網站的工作原理。

什么是靜態網站？

　　靜態網站由存儲在 Web 服務器上的固定數量的預構建文件組成。這些文件是用 HTML、CSS 和 JavaScript 編寫的，它們被稱為“客戶端”語言，因為它們在用戶的 Web 瀏覽器中執行。當用戶使用 URL 向服務器請求頁面時，服務器會返回由 URL 指定的 HTML 文件以及任何隨附的 CSS 和/或 JavaScript 文件。

　　在此交換期間，Web 服務器在將文件發送給用戶之前不會更改文件，因此網頁對于所有請求它的人來說都是完全相同的。內容是“靜態的”——改變網站外觀的唯一方法是手動更改文件的內容。

這并不意味著靜態網站不能具有交互性或吸引力。他們仍然可以擁有可點擊的鏈接和按鈕、圖像和視頻、CTA、表單、數字下載以及由 CSS或 JavaScript 提供支持的動畫。有了足夠的技巧，你甚至可以讓靜態網站看起來很漂亮。但是，靜態網站對每個人來說總是一樣的。

　　靜態網站的常見示例包括簡歷網站、作品集網站、宣傳冊網站、一次性登錄頁面以及其他信息或只讀網站。這些網站很小（三到四頁或更少），內容有限，不需要個性化內容或頻繁更新。

靜態網站優勢

　　靜態網站的大部分好處源于它們的簡單性。靜態站點是最容易從頭開始構建和維護的站點。如果您想快速廉價地啟動一個基本網站，靜態網站是一個不錯的選擇。有了 HTML 和 CSS 的知識，你可以編寫一個像樣的代碼，而不需要太多的努力或成本。

在用戶端，靜態網站也往往比動態網站更快。這是因為靜態網站上的頁面已經構建并且需要最少的后端處理。服務器只需要檢索請求的文件并將它們交付給客戶端。由于內容缺乏變化，靜態網站也更容易緩存。網站速度，也稱為網站性能，對于積極的用戶體驗至關重要，也會影響搜索引擎排名。

靜態網站的缺點

　　在許多情況下，靜態網站并不是最佳選擇。最明顯的問題是可擴展性：任何時候我們想要進行站點范圍內的內容更新，例如更改頁面的標題，我們都必須更改每個單獨的 HTML 文件。此外，每當我們想添加新頁面時，都必須手動創建一個新的 HTML 文件。對于大型網站，這根本不實用。

靜態網站的另一個缺點是缺乏個性化。無法為訪問者定制內容，頁面可能會錯過為訪問者創造更具吸引力的體驗的機會。當然，靜態站點可以顯示有關您的業務的信息，但是如果可以根據訪問者的位置（例如，他們的位置）向訪問者顯示不同的信息怎么辦？為此，需要一個動態站點。

最后，有許多類型的站點是無法靜態構建的。例如，電子商務網站通常允許用戶將產品添加到他們的購物車并結帳，這是靜態網站無法實現的功能，除非依賴第三方工具。

什么是動態網站？
　　與以相同格式向所有訪問者顯示相同內容的靜態網站不同，動態網站向不同訪問者顯示不同的信息。訪問者看到的內容可以由幾個因素決定，例如他們的位置、當地時間、設置和偏好，和/或他們在網站上采取的行動（例如，購物習慣），從而實現更具定制性和互動性經驗。

　　為了在前端實現更大的靈活性，動態網站需要在后端增加更多的復雜性。這些網站不會將每個頁面存儲為自己的 HTML 文件。相反，Web 服務器“即時”構建頁面——當用戶請求頁面時，服務器從一個或多個數據庫中提取信息并構建為客戶端定制的 HTML 文件。頁面構建完成后，HTML 文件將被發送回用戶的瀏覽器。

　　為了在后端構建頁面，除了客戶端語言（HTML、CSS 和 JavaScript）之外，動態網站還使用服務器端腳本語言，如 PHP、Python、Ruby 或服務器端 JavaScript。根據為構建頁面而提取的數據量，此過程可能會變得非常復雜。然而，用戶看不到任何這個過程——他們只看到瀏覽器中加載的網頁，與靜態站點相同。

　　如今，我們使用的大多數網站都至少采用了一些動態做法。在線商店、社交媒體網站、會員網站、新聞網站、發布網站、博客和 Web 應用程序都在一定程度上依賴于動態內容。

　　例如，考慮一個電子商務網站，其主頁根據他們認為您想要購買的產品推薦產品。這意味著每個訪問者都會看到略有不同的主頁。當然，為每個人硬編碼一個頁面并將其存儲在服務器上是沒有意義的。相反，服務器端代碼用于確定您應該看到什么內容，從各種數據庫中獲取該內容，并從中構建一個頁面。

　　動態內容的其他用例包括根據用戶的位置或設置更改頁面語言，在用戶登錄后顯示用戶之前從您的網站訂購的訂單，以及根據用戶的會員狀態控制您網站上的某些內容。

動態網站優勢

　　我們已經談到了動態網站的主要優勢：它們使您能夠為每個訪問者個性化您的網站內容，這意味著更具吸引力的用戶體驗會帶來更多的轉化和購買。

　　除了個性化之外，服務器端腳本非常強大，并為功能提供了無數可能性。動態代碼使我們能夠構建靜態方法根本無法實現的 Web 應用程序、SaaS 軟件和豐富的體驗。在動態網站上進行站點范圍的更新也容易得多。管理員可以快速輕松地對其站點進行全面更改，而無需更新每個 HTML 文件的源代碼。在經常更新內容和外觀以跟上其行業的網站上，這是必要的。

　　最后，動態網站比靜態網站更具可擴展性，因為服務器不存儲固定數量的頁面。相反，服務器在需要時構建一個頁面。回到我們的電子商務網站示例，假設您想向您的網站添加幾個新產品。無需在 HTML 中構建單獨的產品頁面，您只需將產品信息存儲在數據庫中即可。服務器端腳本可以提取這些數據來自動構建產品頁面。

動態網站的缺點
　　由于動態網站比靜態網站更復雜，因此從頭開始創建它們需要更多的時間、精力和專業知識。

　　可以使用網站構建器或內容管理系統(CMS) 來處理技術方面的事情，這樣就可以更加關注網站的內容和設計。例如，WordPress通過使用服務器端語言 PHP 動態構建其頁面來工作。

　　使用動態網站的另一個權衡是性能可能會下降。動態網站在后端進行更多處理，以便向訪問者提供頁面，這可能會影響加載時間。有一些方法可以優化網站速度，并且網站建設軟件在這方面有所改進。盡管如此，在管理動態站點時，速度絕對是要牢記的，因為幾分之一秒的延遲會導致更高的跳出率。

了解靜態和動態網站

在網絡的早期，所有網站都是靜態的——網站被保存為存儲在服務器上的頁面集合，這些頁面可以在請求時交付給客戶端。然而，隨著用戶對網站的期望越來越高，例如更個性化的顯示、自動生成的內容以及最終通過云提供的成熟軟件，這種方法變得不那么可行了。

靜態方法適用于想要快速觀看的沒有個性化的小型網站。除此之外，可能需要一個動態網站。靜態網站