1.SPA

SPA是单页Web应用（single page web application，SPA），就是只有一张Web页面的应用，是加载单个HTML 页面并在用户与应用程序交互时动态更新该页面的Web应用程序。

像我们平时用的react.js,vue.js,angular.js就是常见的spa框架

SPA的优点

1.页面切换速度快
2.减少服务器的渲染和逻辑上的压力
3.对前端代码压缩,cdn各种优化,首次加载速度还是很快
4.只需要后端提供api接口

SPA的缺点

1.不利于seo(我深有体会，因为我学习了seo的课程之后才发现，爬虫是不会等你页面加载完之后才爬取,直接爬你页面一开始的静态页面，所以seo优化这方面真的让我失望)

2.SSR

ssr是服务器端渲染（Server-Side Rendering）是指由服务侧完成页面的 HTML 结构拼接的页面处理技术，发送到浏览器，然后为其绑定状态与事件，成为完全可交互页面的过程。

像我们平时用的**next.js(基于react),nuxt.js(基于vue.js)**就是常见的ssr框架

SSR的优点

1.可以将seo的关键词渲染到html中，保证爬虫爬到响应的关键词
2.速度更快,

SSR的缺点

1.常用的浏览器API可能无法正常使用，比如window、docment和alert，navigator等。(如果使用它会显示找不到这些方法)
2.可能会出现某些因素导致服务器端渲染的结果与浏览器端的结果不一致

个人网站:沉默博客
如有错误，请多多指教。
如对你有帮助，给个赞吧。