渲染方式

BSR 客户端渲染

只在浏览器上执行的渲染
例如常用到的 Js， Vue ，React 等 创建HTML

• 缺点

1. 白屏：在ajax得到响应前，页面中白屏或者展示展位数据
2. 对SEO不友好

image.png

• 图中的静态内容，由后端返回，但一共渲染两次。第一次是后端返回是渲染，然后前端在进行一次渲染进行对比并且添加事件监听，以确保全后端渲染结果一致。

在后端renderToString() 在前端hydrate() , 文档

SSG （静态页面生成）Static Site Generators

动态内容静态化，后端直接把数据放置渲染好，然后以静态方式传给前端直接渲染，前端无需再请求ajax

• 优点

1. 解决白屏，请求多问题

• 缺点

1. 内容无法定制化，每个用户看到的页面都是统一的

SSR 服务端渲染 (server side render)