# EK 的 SPA v.s MPA 學習筆記

## 📚 MPA （Multi-Page Application）
是指的是一般傳統的開發方式。會有一個一個一個HTML檔案。每次要跳到新頁面就會再從伺服器把整個新檔案載下來

MPA 優點：
SEO 較好
支援 no-script 模式

MPA 缺點：
使用者體驗較差
前後端相依性較高

## 📗 SPA （Single-Page Application）
是指用 AJAX （Asynchronous JavaScript And XML，非同步的 JavaScript 與 XML） 的技術來處理，令其在送出資料且收到伺服器的回覆後，只針對需要的元素來更新。


SPA 優點：
前後端分離
使用者體驗較佳

SPA 缺點：
初次進入頁面時所需時間較久
SEO 較差
不支援 no-script 模式