• SPA搜到是 水療 emmmm…而此處淺談單頁Web應用（single page web application，SPA）
• 首先一個網站一個頁面？？？？表示很疑惑
  單頁面應用，就是把整個專案的所有頁面的所有內容分成了很多的小塊（就是元件），可以重複利用的，可以任意調整的元件，每個元件就是一個獨立的部分（包括html，css和javascript程式碼）。再做一個html（基本上啥也沒有），這個html就是一個頁面容器，需要放那個元件時，直接引入就行。跳轉時，直接跳轉元件就行。當需要載入某個元件時，js會動態建立這些元件裡的HTML，CSS。增加了同一網站中各網頁相同元件的複用，減少了網路請求時間。使用者體驗更好。

轉載：https://blog.csdn.net/jiang7701037/article/details/93243545（本文還介紹了傳統多頁面網站和單頁面的對比）

• 單頁面的應用優點：

1.分離前後端關注點，前端負責介面顯示，後端負責資料儲存和計算。不會把前後端的邏輯
混雜在一起；
2.減輕伺服器壓力，伺服器只用出資料就可以；
3.同一套後端程式程式碼，不用修改就可以用於Web介面、手機、平板等多種客戶端；
4.使用者體驗好、快，內容改變不需要重新載入整個頁面，web應用更具響應性和更令人著迷；
5.SPA和RESTful架構一起使用，後端不再負責模板渲染、輸出頁面工作，web前端和各種
移動終端地位對等，後端API通用化；

• 單頁面的應用缺點：

1.初次載入耗時相對增多；
2.導航不可用，如果一定要導航需要自行實現前進、後退，需要程式來實現管理；
3.使用指令碼修改頁面，這個指令碼我們都知道，他的相容性是個大問題；
4.不利於SEO（搜尋引擎優化）問題，現在可以通過Prerender等技術解決一部分；

轉載：https://blog.csdn.net/weixin_41646716/article/details/80073995

注：seo優化是什麼意思？