• 客户端渲染
• SSG - 静态页面渲染
• SSR - 服务端渲染

客户端渲染

• 用浏览器js创建html 整个页面从http请求拿到返回的可能只有一个根节点，document内容完全由前端工程师以js的形式生成

缺点

• 白屏 --- 当ajax网络出现波动整个页面完全产生白屏
• SEO 不友好

SSG -- Static Site Generation 静态页面渲染

• 静态化，使用各种服务端语言直接生成HTML

为什么要使用SSG, 思考？

• 一个列表每个人看到的内容都是一样的
• 如果一万个人访问这个网站，每个人都在使用的时候，都会往服务端发出这样的请求
• 为什么不在服务端直接渲染好HTML，直接发给用户
• N次渲染就变成了一个渲染
• N次客户端渲染就变成了一次静态页面生成
• 这个过程就是SSG

SSR -- Server Side Render 服务端渲染

• 生成用户相关性的内容
• 就是以前php, java, ruby, python的基本功能，如果经历过一些，不知道是不是能勾起你以前启动项目的时候使用的是tomcat的记忆

思考 他和SSG的区别在哪里

• 他也是直接在服务端渲染出HTML
• 但是在不同用户可以看到不同的内容 不方便根据不同的场景渲染出多少HTML
• 可以通过技术框架的SSR通过请求的同时让服务端渲染好页面直接平铺
• 优势就是没有白屏