Published on

前端渲染分类

Authors

开发环境

  • next.js

  • SSG

Static Site Generation 静态页面生成 生成工具 -> 获取页面数据(option) -> 生成静态页面(html+img等等内容)

  • SSR

Server-Side Rendering 服务端渲染,即后端渲染 服务器->获取数据->拼接html页面->返回页面

  • CSG

Client-Side Rendering 客户端渲染,即浏览器通过js渲染 浏览器->获取数据->渲染dom

vue,react 默认都是CSR

渲染速度

SSG > CSG > SSR

Pre-rendered 预渲染

  • SSR
  • SSG