单页面与多页面的区别及优缺点

发布时间 2023-03-23 19:55:04作者: 成全我的理想

单页面是指只有一个主页面的应用,浏览器一开始要加载所有必须的html, js, css。 所有的页面内容都包含在这个所谓的主页面中。 但在写的时候,还是会分开写(页面片段),然后在交互的时候由路由程序动态载入。

优点:

  • 公共资源不重新加载,局部加载,服务器压力小
  • 切换速度快,用户体验好
  • 前后端分离

 缺点:

  • 不利于SEO(可以优化:比如路由懒加载等)
  • 初次加载时耗时多
  • 相对多页面,开发难度较大

每一次页面跳转的时候,后台服务器都会返回一个新的html文档,这种类型的网站也就是多页网站,也叫多页应用,多页面跳转刷新所有资源,每个公共资源(js、css等)需选择性重新加载,常用于 app 或 客户端等

优点:

  • 利于SEO。
  • 更容易扩展。
  • 更易数据分析。

缺点:

  • 开发成本高。
  • 服务器压力大。
  • 用户体验相对较差。