跳转到内容

实验性客户端预渲染

类型: boolean
默认值: false

添加于: astro@4.2.0

在支持的浏览器中,对客户端上的预获取(prefetch)页面启用预渲染。

该功能使用了实验性的 推测规则 web API 并全局增强了默认的 prefetch 行为来预渲染客户端上的链接。 在启用该功能之前,你可能需要考虑一下 在客户端上进行预渲染的风险

astro.config.mjs 中启用客户端预渲染以及任何所需的 prefetch 配置选项:

astro.config.mjs
{
prefetch: {
prefetchAll: true,
defaultStrategy: 'viewport',
},
experimental: {
clientPrerender: true,
},
}

然后在网站上的任意 <a /> 链接上使用 data-astro-prefetch 属性来选用预获取。这会在 <script> 标签上附加相应的推测规则,而不是将 <link> 标签附加到页面的 head 部分或使用 JavaScript 来获取页面。

客户端预渲染需要浏览器的支持。如果推测规则 API 不被支持,那么 prefetch 将会回退到支持的策略。

有关 prefetch 的更多选项和使用方法,请参阅 预获取指南

贡献 社区 赞助
京ICP备15031610号-99