静态站点生成

定义

静态站点生成(Static Site Generation,SSG)是一种在项目构建阶段就预先将页面渲染为静态 HTML 文件的策略。这些文件在部署后可直接通过 CDN 分发给用户,无需在请求时进行服务端计算,从而获得极快的响应速度与良好的可扩展性。[1]

原理

在构建过程中,SSG 工具针对预先确定的路由集合,逐一执行渲染逻辑、获取所需数据(如来自文件、数据库或外部 API 的内容),并将每个页面输出为完整的 HTML 文件,连同相关资源一并生成。部署后,服务器或 CDN 仅需返回这些已生成的静态文件即可。对于需要交互的页面,生成的 HTML 同样可在客户端进行水合以恢复交互能力。针对内容更新,部分框架提供增量静态再生(ISR),在保持静态优势的同时按需在后台重新生成过期页面。

特点

优点在于:页面响应极快、可由 CDN 高效缓存;无需请求时的服务端运算,服务器成本与攻击面低;内容对搜索引擎友好。缺点在于:内容更新需重新构建,对页面数量庞大或更新极频繁的站点,构建时间与发布延迟成为瓶颈;高度个性化、实时性强的内容不适合纯静态生成。

应用

SSG 适用于内容相对稳定的站点,如博客、文档、营销页与产品官网。Next.js、Astro、Nuxt、Hugo、Eleventy 等工具均支持静态生成,并常与服务端渲染、增量再生等策略组合,以兼顾性能、构建效率与内容时效性。