章节11

渲染策略

静态网站生成是指在构建时生成 HTML。此 HTML 用于每个请求。静态网站生成可能是对 SEO 最好的渲染策略，因为它不仅在页面加载时提供所有 HTML（因为它是预渲染的），而且还有助于提高页面性能——这也是 SEO 的另一个排名因素。

与 SSG 类似，服务器端渲染 (SSR) 也是预渲染的，这使得它对 SEO 也很友好。与 SSG 在构建时生成不同，SSR 的 HTML 是在请求时生成的。这对于动态页面非常有用。

如果您的页面数量非常庞大，在构建时全部生成可能不可行。Next.js 允许您在构建站点后创建或更新静态页面。

增量静态再生使开发人员和内容编辑者能够基于每页使用静态生成，而无需重建整个站点。通过 ISR，您可以保留静态生成的好处，同时扩展到数百万个页面。

客户端渲染允许开发人员使用 JavaScript 将他们的网站完全在浏览器中渲染。在初始页面加载时，通常会提供一个几乎不包含内容的 HTML 文件，直到您获取 JavaScript 并且浏览器编译所有内容。

正如我们上面评论的，一般来说，客户端渲染不推荐用于最佳 SEO。

CSR 非常适合数据量大的仪表盘、账户页面或任何您不需要被搜索引擎索引的页面。

对于 SEO 最重要的是，页面数据和元数据在页面加载时（无需 JavaScript）可用。在这种情况下，SSG 或 SSR 将是您的最佳选择。

Next.js 的主要优点之一是，上述每种渲染方法都可以按页面进行。您可能希望您的博客文章是静态生成的，您的客户账户仪表盘是客户端渲染的，然后您可能有一个新闻源，您希望进行服务器端渲染。

您已完成本章11