服务端渲染与客户端渲染

服务端渲染 和 客户端渲染 各自的优缺点？ 什么是同构渲染 及解决什么问题？

服务端渲染优缺点：

优点：

速度快，整个刷新

缺点：

• 前后端代码完全耦合在一块，不利于开发和维护
• 前端没有足够的发挥空间
• 服务端压力大
• 用户体验一般，用户需要刷新才能重新获取数据

客户端渲染优缺点：

优点：

• 用户体验好
• 开发效率高
• 渲染性能好
• 可维护性好

缺点：

• 首屏渲染时间长,单页面利用js生成页面，这会导致用户需要等待首屏
• 不利于seo：当搜索引擎爬取html的时候是没内容的，因为要客户端js解析完生成html

什么是同构渲染 及解决什么问题？

1. 要解决的问题：

首屏渲染慢、不利于seo问题，当搜索引擎爬取html的时候是没内容的，因为要客户端js解析完生成html
为了解决以上问题，则提出了同构渲染，借鉴了传统的服务端渲染，称之为现代化的服务端渲染或同构渲染。

2. 同构渲染：
   1. 基于React、Vue等框架，客户端渲染和服务器端渲染的结合
   2. 在服务器端执行一次，用于实现服务器端渲染（首屏直出）
   3. 在客户端再执行一次，用于接管页面交互
   4. 核心解决SEO和首屏渲染慢的问题
   5. 拥有传统服务端渲染的优点，也有客户端渲染的优点