SPA与MPA的区别

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

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

区别如下图：

转载于:https://blog.51cto.com/13238147/2337065

SPA与MPA的区别相关推荐

SPA和MPA的区别
单页面与多页面的区别 (1)单页应用(SinglePage Application , SPA) 指只有一个主页面的应用,一开始只需要加载一次js,css等相关资源.所有的内容都包含在主页面,对每一个 ...
WEB前端关于SPA、MPA的区别
1. SPA spa:single page web application 就是只有一张web页面的应用,是加载单个HTML页面并在用户与应用程序交互时动态更新该页面的web应用程序页面跳转:js ...
SPA与MPA之间的区别
MPA 传统的项目大多使用多页应用结构(MultiPage Application, MPA),需要切换内容的时候我们往往会进行单个html文件的跳转,这个时候受网络.性能影响,浏览器会出现不定时间的 ...
前端随录(SPA与MPA和PWA)
SPA与MPA和PWA的区别 SPA(single page web application): 单页web应用,就是只有一张Web页面的应用,是加载单个HTML 页面并在用户与应用程序交互时动态更新 ...
SPA、MPA 的优缺点
SPA 优点,我认为更多是在软件工程方面,SPA 形式可以做到前后端彻底分离,只要制定好 API 规范,那么前后端就可以独立开发,并且一套 API 可以同时供多个「端」使用.同时,SPA 倾向于将更多 ...
详说SPA（单页应用）和MPA（多页应用）
一. 什么是SPA? SPA(single-page application),翻译过来就是单页应用. SPA是一种特殊的web应用.将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相 ...
＜谈谈对 SPA（单页面应用）的理解＞
文章目录一.什么是 " SPA " 含义举个栗子二.SPA和MPA的区别 > 单页应用与多页应用的区别 > 单页应用优缺点实现一个SPA > 原理 > ...
Vue复习笔记（二）SPA单页面应用（优化首屏加载）
一.概念 SPA(single-page application):通过动态重写当前页面来与用户交互代码通过单个页面的加载而检索,或者动态装载适当的资源并添加到页面 JS框架如 react, vue ...
【SPA】SPA单页面应用详解
一.什么是SPA 单页应用SPA是一种网络应用程序或网站的模型,它通过动态重写当前页面来与用户交互. 这种方法避免了页面之间切换打断用户体验在单页面应用中,所有必要的代码(HTML.JavaScrip ...

SPA与MPA的区别

SPA与MPA的区别相关推荐

最新文章

热门文章