单页应用与多页应用的区别


  • 加载
    • 单页应用: 只有一个 HTML 文件, 页面导航时通过请求动态加载内容, 页面不会刷新
    • 多页应用: 每个页面都有单独的 HTML 文件, 页面导航时会刷新
  • 体验
    • 单页应用: 不需要刷新, 页面切换更流畅
    • 多页应用: 每次切换页面都要重新加载资源, 有明显延迟
  • SEO
    • 单页应用: 支持不好, 需要服务端渲染支持
    • 多页应用: 支持较好