单页应用SPA的优缺点

单页应用的优缺点

• 1.优点
  而单页应用则是一次性把web应用的所有代码（HTML，JavaScript和CSS）全部请求过来，有时候考虑到首屏加载太慢会按需加载。这样一来，以后用户的每一个动作都不会重新加载页面（即不用再问服务器要页面的HTML，css和js代码），取而代之的是利用 JavaScript 动态的变换HTML的内容（这不需要和服务器交互，除非数据是动态，那么只需要问服务器要数据即可）。

• 单页应用优点的小小总结：

• 1.分离前后端关注点，前端负责界面显示，后端负责数据存储和计算，减轻服务器压力，服务器只用出数据就可以，而且不会把前后端的逻辑混杂在一起；

• 2.API共享，后端API通用化，服务如果是多端的（浏览器端、Android、iOS、微信等），单页应用的模式便于你在多个端共用 API，可以显著减少服务端的工作量；

• 3.用户体验好、快，内容的改变不需要重新加载，提升了用户体验；

• 4.前端组件化，前端开发不再以页面为单位，更多地采用组件化的思想，代码结构和组织方式更加规范化，便于修改和调整。

2.缺点
单页应用缺点的小小总结：

1.首次加载耗时较多，需加载大量的资源
2.导航不可用，由于单页Web应用在一个页面中显示所有的内容，所以不能使用浏览器的前进后退功能
3.对搜索引擎（SEO）不友好
原因：单页应用实际是把视图（View）渲染从Server交给浏览器，Server只提供JSON格式数据，视图和内容都是通过本地JavaScript来组织和渲染。而搜索搜索引擎抓取的内容，需要有完整的HTML和内容（搜索引擎只认识html里的内容，不认识js的内容）单页应用架构的站点，并不能很好的支持搜索，会导致单页应用做出来的网页在百度和谷歌上的排名差。