页面渲染模式

在 Web 应用开发中，页面渲染模式决定了网页的 HTML 结构是在何时、何地（客户端浏览器还是云端服务器）被生成并返回给用户的。

Zion 平台支持三种渲染模式。合理选择渲染模式，能够极大地提升您应用的首屏加载速度和搜索引擎收录效率。

1. 渲染模式对比总览

维度	CSR（客户端渲染）	SSR（服务端渲染）	SSG（静态生成）
页面生成时机	浏览器端（用户访问时实时构建）	服务器端（用户访问时动态渲染）	项目发布时（提前预生成全部 HTML）
首屏加载速度	较慢	较快	极快（直接分发静态资源）
SEO 友好度	较差	较好	极佳
数据动态度	极高（实时渲染最新数据）	高（每次访问实时拉取数据）	低（数据更新需重新发布生效）
算力配额消耗	极低（消耗客户端算力）	高（每次访问消耗服务器算力）	极低
支持的版本	基础版、高级版、专业版、企业版	专属单租户服务器 / 企业版	高级版、专业版、企业版

当用户发起页面访问请求时，服务器仅返回一个几乎为空的 HTML 外壳和一段 JavaScript 脚本。浏览器下载并执行该脚本后，向 Zion 后端发起数据库查询，获取数据并在客户端浏览器中实时拼装生成 DOM 节点。

优点：服务器负担极小，页面间切换流畅（无需重新加载整个 HTML），适合数据实时性要求极高、不需要 SEO 的交互性后台系统（如商户管理端、用户个人中心、数据看板）。
缺点：首屏加载慢（白屏时间长），对网络环境和客户端设备性能有一定要求。
⚠️ SEO 致命缺陷：因为返回的初始 HTML 为空，百度等搜索引擎爬虫抓取时无法解析执行 JS，因此除了 robots.txt 和 sitemap 能够被爬虫访问外，页面的实际 TDK 和所有正文内容都无法被正常抓取和收录。

当用户发起页面访问请求时，Zion 的应用云服务器会即时拦截请求，实时向数据库查询最新数据，并在云端服务器将数据拼装进 HTML 模板中，生成一个结构完整的 HTML 网页，最后直接返回给客户端浏览器。

优点：首屏加载速度快，且返回的 HTML 带有完整的内容，搜索引擎爬虫可以无缝抓取和收录。适合数据实时性要求高，且需要进行搜索引擎推广的动态业务（如实时资讯站、高频更新的动态交易市场）。
缺点：每一次用户点击访问，服务器都需要实时进行一次云端数据库查询和 HTML 拼装，算力消耗高，且在瞬时高并发（RPS）时对服务器硬件规格有很高要求。

在您点击编辑器的 “正式发布” 按钮时，Zion 后端编译器会提前对所有页面进行预渲染。通过拉取您配置的路径参数数据，将它们直接编译成一个个物理存在的 .html 静态文件，部署在云端 CDN 节点上。

当用户访问时，CDN 节点会像提供图片一样，将已经生成好的静态 HTML 文件瞬时推给用户，不经过任何云端服务器的实时计算。

优点：
- 极致的性能：由于完全不经过服务器计算，首屏加载速度达到物理极限，能轻松应对超大规模的瞬时并发流量。
- 完美的 SEO：每一个静态页面都是结构极为完整的物理网页，对百度和 Google 爬虫最友好，收录权重大。
- 适用场景：适合企业官网、产品介绍页、静态博客、不经常发生变更的电商商品展示页等。
缺点：数据的动态度较低。如果您的后台修改了一条博客内容，线上对应的静态网页不会实时更新，必须在编辑器内重新发布项目以重新编译生成静态文件。

由于 SSR 与 SSG 需要依赖强大的云端编译和专属的计算节点支持，其在不同软件版本中的开放情况如下：

⚠️

免费基础版：仅支持 CSR 模式。在此模式下，任何在页面属性中配置的 SEO TDK、Canonical 标签或 Open Graph 分享属性，均无法被搜索引擎收录生效。
高级版与专业版：支持 CSR 与 SSG。您可以通过配置静态路径参数范围，提前生成高权重、秒级打开的静态网页。
单租户服务器 / 企业版：支持 CSR、SSG，以及性能最佳且支持高频动态渲染的 SSR 模式。