0%

SPA(single-page application)优缺点分析

SPA

将所有的页面局限于一个页面中,仅需要在第一次加载的时候加载相应 HTML,JS,CSS。 通过 JavaScript 于用户交互来改变页面的内容。

优点

  1. 用户体验良好,在进行用户交互时不需要刷新页面。
  2. 良好的前后端分离开发模式。前后台使用 Ajax 异步获取数据。
  3. 减轻服务器请求压力。服务器只需要按照相应的 API 给出相应的数据。
  4. 当网站需要适配多终端时,后台不需要做任何修改。
  5. 防爬虫效果更好,由于是动态加载的页面,一般的爬虫只能获取到对应的静态 HTML 结构。

缺点

  1. SEO(搜索引擎优化)难度高,不便于搜索。
  2. 前进后退管理,SPA 只有一个页面,不便使用浏览器的前进后退功能。
  3. 初次加载数据过大,由于只有一个页面,第一次加载时会加载全部 JS,CSS 文件,容易造成下载缓慢。