SSR 简介
SSR 是 Server Side Render 简称；就是在服务端进行渲染生成 HTML 文件，浏览器世界显示生成 HTML 文件，补充：咱们传统应用的属于 CSR 是 Client Side Render，页面上的内容是咱们加载的 js 文件渲染进去的，文件运行在浏览器下面。
SSR 长处
- 能够很好解决首页须要加载 js 和 CSS 导致页面加载迟缓问题（最头疼），SSR 间接将 HTML 字符串传递给浏览器，放慢了首屏加载工夫。
- 优化 SEO，SSR 生成的 HTML 是有内容的，这让搜索引擎可能索引到页面内容。
- 服务端渲染不必关怀浏览器兼容性问题，运算过程都在服务端实现，防止浏览器兼容同时也能缩小客户端的电量耗费（省电）
SSR 毛病
- 因为运算都在服务器实现，所以就须要服务能接受的负载更高。
- 减少开发的复杂程度，构建和部署。
React 和 Vue 服务端渲染
Vue 可应用 Unxt.js
Nuxt.js 是一个基于 Vue.js 的通用利用框架。通过对客户端 / 服务端基础架构的形象组织，Nuxt.js 次要关注的是利用的 UI 渲染。
Nuxt.js 是特点（长处）：
- 基于 Vue.js
- 主动代码分层
- 服务端渲染
- 弱小的路由性能，反对异步数据
- 动态文件服务
- ES6/ES7 语法反对
- 打包和压缩 JS 和 CSS
- HTML 头部标签治理
- 本地开发反对热加载
- 集成 ESLint
- 反对各种款式预处理器：SASS、LESS、Stylus 等等
React 可应用 Next.js
Next.js 具备同类框架中最佳的“开发人员体验”和许多内置性能。列举其中一些如下：
Next.js 是特点（长处）：
- 直观的、基于页面 的路由零碎（并反对 动静路由）
- 预渲染。反对在页面级的 动态生成 (SSG) 和 服务器端渲染 (SSR)
- 主动代码拆分，晋升页面加载速度
- 具备通过优化的预取性能的 客户端路由
- 内置 CSS 和 Sass 的反对，并反对任何 CSS-in-JS 库
- 开发环境反对 疾速刷新
- 利用 Serverless Functions 及 API 路由 构建 API 性能
- 齐全可扩大