SPA(single-page application)

单页应用SPA是一种网络应用程序或者网站的模型。它通过动态重写当前页面来与用户交互。避免页面切换打断用户体验。在单页应用中，所有必要的代码都会按需加载。 一个主页面或多个页面片段 局部刷新 难实现SEO搜索引擎优化，可以使用SSR方式改善 容易传递数据 页面切换速度快，用户体验好 维护成本较低

MPA(mutiPage-page application)

在MPA中，每个页面都是一个主页面，都是独立的。当访问一个页面的时候，都需要重新加载文件。 多个主页面 整页刷新 容易实现SEO 通过url、cookie、localStorage等进行传递 切换加载资源速度慢，用户体验差 维护成本较高

SPA优缺点

优点

具有桌面应用的即时性、网站的可移植性和可访问性 用户体验好、快，内容那个的改变不需要重新加载整个页面 良好的前后端分离，分工更明确

缺点

不利于搜索引擎抓取 首次渲染速度相对较慢

参考文献

面试官：你对SPA单页面的理解，它的优缺点分别是什么？如何实现SPA应用呢 | web前端面试 - 面试官系列 (vue3js.cn)