SSG-静态站点生成-(网站-网页端-web端-web应用-webAPP)预渲染

适用范围:

1. 适用场景:

  1. 基于内容的网站,比如文档站点或者博客

2. 优点:

  1. 优秀的首屏加载性能
  2. 比 SSR 应用的花销更小,也更容易部署
  3. 更好的 SEO:搜索引擎爬虫可以直接看到完全渲染的页面。

3. 缺点:

  1. 每当数据变化时,都需要重新部署
  2. 渲染环境可用api的限制。
    1. 因为渲染是在服务端完成的,所以浏览器就不能提供渲染时所用到的api,需要服务端(如nodejs)提供

梗概:

SSG(Static-Site Generation), 也被称为预渲染(prerender)

  1. 服务器启动时, 服务器就把web app渲染成一个网页
  2. 包括[[JavaScript|[html]]
  3. 客户端请求时, 就直接把渲染好的网页返回给客户端
  4. 用户的请求是可预测的,是静态的