SPA 全称 Single Page Application，即单页面应用。也称为 CSR（Client Side Render），即客户端渲染。它所需的资源，如 HTML、CSS 和 JS 等，在一次请求中就加载完成，也就是不需刷新地动态加载。
SSR 全称 Server Side Render，服务器端渲染。一般也称为 MPA（Mulpile Page Application），即多页面应用。
SPA
优点
-
减轻服务器端的压力
因为服务器先将一份包含了静态资源、JavsScript和模板的静荷数据(payload)发送到了客户端，之后客户端只需要获取渲染页面或视图所需要的数据即可。 -
页面切换速度快
页面每次切换跳转时，并不需要向服务端请求 HTML 文件，这样就节约了很多网络延时，所以我们在切换页面的时候速度很快。其次页面内容的改变一般也不需要重新加载整个页面，避免了不必要的跳转和重复渲染。
缺点
-
首次加载时间过长
为实现单页Web应用功能及显示效果，需要在加载页面使将 JavaScript、CSS 统一加载，部分页面按需加载。 -
SEO 不友好
SPA 所有的内容都在一个页面中动态替换显示，所以在 SEO 上其有着天然的弱势。搜索引擎只能抓取真实 HTML 里的内容，通过 JavaScript 动态渲染生成的内容，搜索引擎无法抓取识别。
SSR
优点
-
首屏加载时间快
首屏时间叫做页面首个屏幕的内容展现的时间，当我们访问某个页面的时候，服务器会直接返回一个 HTML，而不会向 SPA 一样返回跟当前页面无关的内容，这样所请求的页面就会迅速展示出来。 -
有利于 SEO
服务端渲染返回给客户端的是已经渲染好的最终 HTML，搜索引擎可以很方便的抓取到页面信息。
缺点
- 服务器压力过大
由于页面的渲染都是由服务端渲染。会给服务器造成一定压力，尤其是高并发访问的情况。
网友评论