---
title: SPA
slug: Glossary/SPA
translation_of: Glossary/SPA
---
<p><span class="seoSummary">單頁應用（SPA，Single-page application）是一種 Web app 開發實作。它能在使用網站時，只載入一個頁面；並在網頁更新時，透過 JavaScript API 如 {{domxref("XMLHttpRequest")}} 與 <a href="/zh-TW/docs/Web/API/Fetch_API">Fetch</a> 同步更新部份網頁。</span></p>

<p>SPA 能讓用戶在使用網站時，不用從伺服器載入整個頁面，所以會提升性能與動態體驗。相對地，在 {{Glossary("SEO")}}、狀態與路由管理、還有性能監控方面，都會是需要考慮的劣勢。</p>

<h2 id="參見">參見</h2>

<h3 id="一般知識">一般知識</h3>

<p>以下為訪間最熱門的 SPA：</p>

<ul>
 <li><a href="http://angular.io/">Angular</a></li>
 <li><a href="https://reactjs.org/">React</a></li>
 <li><a href="https://vuejs.org/">Vue.JS</a></li>
</ul>

<section id="Quick_links">
<ol>
 <li>維基百科
  <ol>
   <li>{{Interwiki("wikipedia", "單頁應用程式")}}</li>
  </ol>
 </li>
 <li><a href="/zh-TW/docs/Glossary">術語表</a>
  <ol>
   <li>{{Glossary("API")}}</li>
   <li>{{Glossary("AJAX")}}</li>
   <li>{{Glossary("JavaScript")}}</li>
  </ol>
 </li>
 <li><a href="/zh-TW/docs/Learn/Tools_and_testing/Client-side_JavaScript_frameworks">理解 JavaScript 前端框架</a></li>
</ol>
</section>