Skip to content

SPA VS MPA

SPA

即切换时,不切换 HTML,而是重新加载 javascript 和 css,以实现页面的从新渲染

特点

  1. SEO 不太好(国内)
  2. 首屏加载较慢
  3. 用户体验友好,不必刷新页面

框架选型

  1. 队员是否能快速学习和接收(学习成本)
  2. 框架生态(开发升本)
  3. 后期是否好维护(维护成本)
  4. 是否可以快速迁移,或者部分迁移(迁移成本)

兼容

  1. polyfill,可兼容 API,但不发兼容新的语法
  2. 语法转换,记录可全部兼容

MPA

通常来说,一个 *.html 为一个页面,多页面架构就是页面跳转时加载新的 HTML 文件

特点

  1. SEO
  2. 首屏加载
  3. 模板渲染:多页面架构不可能离开模板渲染,但模板渲染有个缺点,由于对页面来说是全部替换,则需要全量更新 DOM,性能损耗较大