前端工程 · 渲染方式
静态站点生成
Static Site Generation
也叫:SSG、静态生成、预渲染、静态网站
在构建时就把每个页面提前生成为 HTML 文件,访问时直接返回现成文件,速度快、部署简单。
详细解释
SSG 像印刷好的宣传册:内容在出厂(构建)时就定好了,用户来了直接拿一本,不用现场制作。所以它访问快、成本低,可以放在静态托管平台或 CDN 上,不需要一直运行的服务器。
它适合内容不常变化的页面:官网、文档、博客、落地页。缺点是内容一更新就要重新构建和部署;如果每个用户看到的内容都不同(如个人订单页),纯 SSG 就不合适,需要页面加载后再用 JavaScript 请求数据,或改用 SSR。
Next.js、Astro、VitePress 等都支持 SSG。和 SSR 的关键区别是 HTML 的生成时机:SSG 在构建时,SSR 在每次请求时。
开发者信息术语 ID、DOM 线索、识别优先级
- 术语 ID
eng-ssg- DOM 选择器
- 没有 DOM 线索,这个概念不在页面上直接识别。
- 优先级
- 1 · 同一层有多条命中时,优先级高的胜出
- 版本
- v1 · 更新于 2026/09/29