关于javascript:SSR服务端渲染

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 性能
• 齐全可扩大