感謝邀約，現(xiàn)在大多數(shù)主流網(wǎng)站尤其是新聞博客以內(nèi)容為主的站點，都會采用網(wǎng)頁靜態(tài)化的技術(shù)，首先說明網(wǎng)頁靜態(tài)化技術(shù)并不是什么新技術(shù)，十幾年前就已經(jīng)在使用，以下是我針對這個問題的解答，歡迎大家在留言區(qū)進行探討。

什么是靜態(tài)頁面？

通常我們所說的靜態(tài)頁面是以 htm、html、shtml、xml 這些后綴結(jié)尾的頁面，通常使用前端相關(guān)的語言比如 HTML、CSS、JavaScript 就能完成靜態(tài)頁面的編寫工作，基本上不需要與數(shù)據(jù)庫和后臺語言（JAVA,PHP,PYTHON等）。頁面一旦完成創(chuàng)建，內(nèi)容就固定不變，不管任何時候訪問，其內(nèi)容是一層不變的（除非遭受攻擊）。如果你需要修改靜態(tài)頁面的內(nèi)容，你需要手工修改靜態(tài)頁面的內(nèi)容，將頁面重新上傳到服務器上才能看到內(nèi)容的變化。

什么是動態(tài)頁面？

與靜態(tài)頁面相對的就是動態(tài)頁面，那什么是動態(tài)頁面？說通俗直白點就是頁面分為視圖模板和數(shù)據(jù)，數(shù)據(jù)大多數(shù)是通過后端語言請求數(shù)據(jù)庫獲取，然后替換視圖模板中的標簽而已。動態(tài)頁面的后綴一般和采用的后端技術(shù)相關(guān)，比如 php、aspx、jsp、cgi 等。動態(tài)頁面使用的技術(shù)比較復雜，還要考慮并發(fā)和數(shù)據(jù)壓力等等，訪問的人說越多，對服務器的壓力就越大。

靜態(tài)頁面和動態(tài)頁面的區(qū)別和特點

一、先說說動態(tài)頁面的優(yōu)點：

1、從工作量方面動態(tài)頁面大大優(yōu)于靜態(tài)頁面

比如一個新聞站點有很多新聞內(nèi)容，如果使用動態(tài)頁面技術(shù)，建幾個動態(tài)頁面即可，數(shù)據(jù)從數(shù)據(jù)庫獲取，通過向動態(tài)頁面?zhèn)鲄⒕涂梢钥吹截S富的內(nèi)容。如果你用手工的方式去建立的話，在這個信息爆照的時代，非把人累死不可。

2、動態(tài)頁面的內(nèi)容更新更方便、更快捷

如果你要更新網(wǎng)站的內(nèi)容，如果系統(tǒng)提供后臺管理的方式，只需要在后臺完成表單的提交即可，無需上傳服務器文件就能完成網(wǎng)站內(nèi)容的更新。前端頁面哪怕是改個標點符號，你都需要手動更改再進行服務器的上傳覆蓋工作。

3、動態(tài)頁面更節(jié)省硬盤空間

相對靜態(tài)頁面來說，動態(tài)頁面數(shù)量會少許多，因此更節(jié)省服務器的硬盤空間，不像靜態(tài)頁面在站點目錄下放一堆文件。

二、靜態(tài)頁面的優(yōu)點：

1、訪問速度更快

由于靜態(tài)頁面無需請求后端數(shù)據(jù)資源，占用的服務器資源相對于動態(tài)頁面會少許多，因此訪問速度更快。如果用戶過多訪問的話，如果使用動態(tài)頁面 ，架構(gòu)設(shè)計不好的話，還有可能發(fā)生拖死服務器和數(shù)據(jù)庫的情況，靜態(tài)頁面發(fā)生的幾率則很低。

其次，CDN技術(shù)對靜態(tài)頁面支持很好，因此無論何時，訪問靜態(tài)頁面都很快，幾乎占用不到服務器資源，即使服務器掛掉，靜態(tài)頁面還能正常訪問。

2、針對搜索引擎更加友好

現(xiàn)在大家都習慣基于搜索引擎的搜索訪問網(wǎng)站，如果網(wǎng)站收錄太差，搜索引擎找不到的話，那我們建網(wǎng)站的意義何在呢？搜索引擎主要用爬蟲技術(shù)抓取我們網(wǎng)站的內(nèi)容，你可以這樣理解，爬蟲也有惰性，如果你的網(wǎng)站訪問比較慢，爬蟲會在漫長的等待狀態(tài)，這是對搜索引擎資源巨大的浪費，因此爬蟲不能在你的網(wǎng)站耽誤太長時間，自然就會放棄收錄。剛才提及到靜態(tài)頁面的訪問速度明顯優(yōu)于動態(tài)頁面，因此靜態(tài)頁面更符合爬蟲的口味，收錄會更多。

3、部署更簡單、更省錢

在云時代，我們已經(jīng)無需過多操心服務器的事情，如果你采用動態(tài)技術(shù)的話，還是需要考慮服務器、數(shù)據(jù)庫、安全等設(shè)置問題，但是靜態(tài)網(wǎng)頁則不存在這個問題，你甚至可以不需要服務器，利用云平臺的靜態(tài)存儲服務，完成文件上傳即可，剩下的工作交給云平臺，它會幫你部署cdn、備份等服務，這些服務加在一起也不過幾百塊一年而已（中小型網(wǎng)站）。

動靜分離技術(shù)

由于現(xiàn)在網(wǎng)站交互越來越復雜，對性能要求越來越高，為了平衡動態(tài)網(wǎng)頁和靜態(tài)頁面，就出現(xiàn)了動靜分離的技術(shù)，因此有了前端工程師和后端工程師之分，前端負責頁面的交互和數(shù)據(jù)內(nèi)容的渲染（通過ajax技術(shù)拿到后端的數(shù)據(jù)），后臺工程師則負責業(yè)務邏輯和數(shù)據(jù)的處理。目前這是一個主流的開發(fā)方式，大大提高了開發(fā)效率和頁面的性能，但是還存在一個問題，由于數(shù)據(jù)是通過 JavaScript 的 AJAX 技術(shù)渲染的，搜多引擎就很難理解腳本的內(nèi)容，增加了爬蟲工作的復雜程度，因此對搜索也十分不友好，那怎么解決，這里可以用到我下面提及的 SSR （服務端渲染技術(shù)）。

SSR服務端渲染技術(shù)

基于動靜分離的基礎(chǔ)，我們可以采用SSR服務端渲染技術(shù)來解決搜索引擎收錄和性能問題，那什么是SSR服務端渲染技術(shù)呢？說通俗點就是后端把數(shù)據(jù)傳遞給前端，前端利用相關(guān)技術(shù)，先自己把JS先運行一遍，將輸出的數(shù)據(jù)內(nèi)容直接寫到頁面的DOM里，可以說就是純粹的靜態(tài)頁面，這樣爬蟲就不需要處理JS腳本的問題，因此很利于搜索引擎收錄。

最后簡單提及下，如果你在使用 React 前端框架的話，你可以通過 Next.js 實現(xiàn)SSR服務端渲染技術(shù)，如果使用 Vue 前端框架的話，你可以使用 Nuxt.js 實現(xiàn)SSR服務端渲染技術(shù)。

小節(jié)

今天的內(nèi)容就和大家分享到這里，通過這篇文章我們一起學習了什么是靜態(tài)頁面，什么是動態(tài)頁面，以及兩者的區(qū)別和特點，最后我們探討了如何綜合兩者，實現(xiàn)最優(yōu)的方案。感謝你的閱讀，如果你喜歡我的分享，麻煩給個關(guān)注、點贊加轉(zhuǎn)發(fā)哦，你的支持，就是我分享的動力。