BSR 客户端渲染
只在浏览器上执行的渲染
例如常用到的 Js, Vue ,React 等 创建HTML
- 缺点
- 白屏:在ajax得到响应前,页面中白屏或者展示展位数据
- 对SEO不友好
- 图中的静态内容,由后端返回,但一共渲染两次。第一次是后端返回是渲染,然后前端在进行一次渲染进行对比并且添加事件监听,以确保全后端渲染结果一致。
在后端renderToString() 在前端hydrate() , 文档
SSG (静态页面生成)Static Site Generators
动态内容静态化,后端直接把数据放置渲染好,然后以静态方式传给前端直接渲染,前端无需再请求ajax
- 优点
- 解决白屏,请求多问题
- 缺点
- 内容无法定制化,每个用户看到的页面都是统一的