静态化 Static Site Generation

静态化把页面预先或定期生成为纯静态 HTML，访问时直接返回成品文件、无需每次执行程序与查库。它速度快、抗压、安全面小，适合内容更新不频繁、但访问量大、追求稳定与速度的展示型网站。

它是什么

静态化把页面预先或定期生成为纯静态 HTML，访问时直接返回成品文件、无需每次执行程序与查库。它速度快、抗压、安全面小，适合内容更新不频繁、但访问量大、追求稳定与速度的展示型网站。

• SSG：构建时就把页生成为静态。
• 好处：快、稳、省资源。

与动态页面的取舍

动态页灵活但每次要计算、承受并发压力；静态页快而稳，但内容更新要触发重新生成或缓存更新。常结合使用：正文静态化，交互与个性化仍走动态接口。

动静结合

内容、栏目、百科适合静态化；登录态、购物车、库存、价格这类频繁变的走动态。把“静态主体 + 动态局部”分开，既快又不丢失灵活性。

更新怎么触发

发布/编辑内容时触发重新生成对应页，或按定时全量重建。配合 CDN 的缓存失效，更新后能尽快对外生效，避免“改了却没变”。

与 CDN 配合

静态页最适合交给 CDN 就近分发，用户从边缘节点取内容、延迟低、源站压力小。CDN + 静态化是内容站提速与抗压的常见组合。

对性能的作用

静态页不需后端计算与查库，首屏 LCP 更优、TTFB 更低，高并发下也不易宕机。对 Core Web Vitals 与用户体验，静态化是很直接的提速手段。

对 SEO 的作用

静态页加载快、首屏 LCP 更优，且不依赖数据库、更不易宕机，抓取与体验都更稳定。对内容型、高流量页面，静态化是提升性能与收录稳定的有效手段。

与页面缓存的区别

静态化是预先出“成品文件”，页面缓存是临时存“动态结果”。两者目的都是减少重复计算；缓存未命中会回源、静态文件则本就是现成的。

适合场景

• 内容型、更新不频繁、访问量大的站点。
• 博客/百科/文档/营销页。
• 高并发、追求稳定与低运维成本的展示站。

局限

内容很多、变更频繁时，全量重建耗时长；个性化、实时数据不适静态。因此很少“全站纯静态”，多为“关键页静态化 + 动态局部”。

怎么用（实操）

• 内容型、低频更新页优先静态化或页面缓存。
• 配合 CDN 就近分发静态资源。
• 内容更新时触发重新生成或缓存失效。
• 优先静态化高流量、低变化的页。

常见误区

• 把强个性化/实时页也硬静态化，导致内容陈旧。
• 只静态不配缓存失效，改了不生效。
• 以为静态化=一定 SEO 好，忽略内容质量。

案例

一个内容站把百科/文章页静态化 + CDN，首屏从几秒降到一秒内、高并发下也不宕机。关键页静态化、下单/登录走动态，既快又灵活。

一句话记住

静态化 = 把页预先做成现成 HTML、直接返回，快、稳、省。适合内容多、变化慢、访问量大的展示页，常与动态局部结合使用。

与 SSR/CSR 对比

SSR 服端实时渲染、内容及时、适合强动态；CSR 客户端渲染、首屏依赖 JS、不利 SEO；SSG 预先生成、最快最稳。内容型多用 SSG/SSR，把 CSR 控制在交互部分。

增量重建

内容多时不必每次全量重建，只重生成变更的页（增量构建）能大幅提速发布。配合数据变更事件，只触发相关页，既快又不影响其他。

表单与搜索怎么办

静态站无后端，表单、站内搜索靠第三方服务或动态接口完成。静态页放内容、动态接口接表单与搜索，是静态站常见的“静态 + 服务”组合。

图片与静态资源

静态化不只是 HTML，图片、CSS、JS 也预生成并压缩、上 CDN。把静态资源版本化、长缓存，能进一步降延迟、提升重复访问速度。

构建与部署

静态化常接 CI：代码/内容变更→自动构建→部署到 CDN/对象存储。构建失败要告警、回滚旧版本，避免发布一半造成断页。

何时不选纯静态

强个性化、实时数据、频繁改动的站不适合纯静态；内容多但低频变、重速度与稳定的展示站最适合。多数真实项目采用“静态主 + 动态辅”的混合。

常见误区补充

静态化就一定比动态快？首屏快，但动态局部仍要接口；整体看取决于搭配。

内容多就不适合静态？可增量重建，仍适用。

案例补充

一个博客把文章页 SSG 生成 + 评论走无头接口，发布时只重生成新页。兼顾了速度、稳定与互动，维护成本也低。

一句话总结

静态化的本质是“把计算提前”：预先生成、现成返回、配 CDN 与缓存失效。内容多、变化慢、重速度稳定的展示页最能受益。

维护成本

静态化把“运行风险”换成了“构建风险”：不用担心数据库慢查询拖垮站，但要保证构建与发布链路稳。一旦构建环境稳定、日常运维成本其实更低。

内容更新频率权衡

每天成百上千次变更时，频繁重建会拖发布；低频、批量发布最适合。可“关键页重建 + 其他页定时全量”折中，把频率与成本平衡好。

选型一句话

一句话判断要不要静态化：“内容多、变化慢、重速度与稳定”就适合；强交互、实时数据多的部分交给动态。两者搭配，是内容站兼顾性能与灵活性的稳道。

常见搭配

现代内容站常把正文/百科页静态化或预渲染，搜索、表单、登录态走接口，再叠 CDN 与缓存。这样既保住首屏速度与稳定，又不牺牲该有的动态能力。