服务端渲染基础
1）SPA 单页面应用
- 优点
- 用户体验好
- 开发效率高
- 渲染性能好
- 可维护性好
- 缺点
- 首屏渲染时间长
- 不利于 SEO
2）同构应用
- 通过服务端渲染首屏直出，解决 SPA 应用首屏渲染慢以及不利于 SEO 问题
- 通过该客户端渲染接管页面内容交互得到更好的用户体验
- 这种方式通常称之为现代化的服务端渲染，也叫同构渲染
- 这种方式构建的应用称之为服务端渲染应用或者是同构应用
3）传统的服务端渲染
早期的 Web 页面渲染都是在服务端进行的
- 前后端代码完全耦合在一起，不利于开发和维护
- 前端没有足够发挥空间
- 服务端压力大
- 用户体验一般
4）客户端渲染
- 后端 负责处理数据接口
- 前端 负责将接口数据渲染到页面中
前端 更为 独立，不在受限制于 后端
- 缺点
- 首屏渲染慢
- 不利于 SEO
5）同构渲染
- 基于 React，Vue 等框架，客户端渲染和服务器端渲染的结合
- 在服务器端执行一次，用于实现服务器端渲染（首屏直出）
- 在客户端再执行一次，用于接管页面交换
- 核心解决 SEO 和首屏渲染慢的问题
- 拥有传统服务端渲染的优点，也有客户端渲染的优点
