SPA与MPA的区别

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SPA与MPA的区别相关的知识,希望对你有一定的参考价值。

1、单页Web应用(single page web application,SPA),就是只有一张Web页面的应用,是加载单个html 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。
页面跳转: js渲染
优点: 页面切换快
缺点: 首屏时间稍慢,SEO差

2、每一次页面跳转的时候,后台服务器都会返回一个新的html文档,这种类型的网站也就是多页网站,也叫多页应用(MPA)。
页面跳转: 返回HTML
优点: 首屏时间快,SEO效果好
缺点: 页面切换慢

技术分享图片

区别如下图:
技术分享图片

以上是关于SPA与MPA的区别的主要内容,如果未能解决你的问题,请参考以下文章

浅析:单页应用(SPA)和多页应用(MPA)的区别

SPA和MPA应该如何选择

Laravel + Vue.js MPA/SPA 混合结构的建议和思考

单页面应用SPA和多页面应用MPA

如何使用 Vue.js 制作 MPA? (或者这个项目应该是一个SPA?)

单页面应用和多页面应用的区别对比