---
# System prepended metadata

title: EK 的 SPA v.s MPA 學習筆記

---

# 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） 的技術來處理，令其在送出資料且收到伺服器的回覆後，只針對需要的元素來更新。

![](https://i.imgur.com/aAfOxEG.png)

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

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