单页面SPA

指的是项目中有一个整体的框架,页面跳转是使用js来进行局部跳转。

优点:
页面切换快,
缺点:

  • 首屏速度慢,由于要加载必须的jscss
  • 导航不可用,如果一定要导航需要自行实现前进、后退。(由于是单页面不能用浏览器的前进后退功能,所以需要自己建立堆栈管理)
  • SEO(搜索引擎优化)差

应用场景
经常切换页面的场景和数据传递较多,多表单的场景,
常用于PC端官网、购物等网站


多页面MPA

项目中使用很多个页面,且页面跳转是整页刷新。

优点:
首屏加载速度快,但是页面切换回稍微慢
缺点:
页面切换慢,由于每一次都要发送html请求
应用场景
常用于app或 客户端等
现在单页面是潮流发展,缺点慢慢被改进,所以学习的时候注意使用单页面


下面是看到一篇博客中将单页面和多页面总结的很好。
单页面和多页面
图片来源

相关文章: