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 可使用Nuxt.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 功能
- 完全可扩展
本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！
