跳转到内容

实验性客户端预渲染

类型: boolean
默认值: false

新增于: astro@4.2.0

在支持的浏览器上启用客户端预渲染预取页面。

此功能使用实验性的 Speculation Rules Web API,并增强了全局默认的 prefetch 行为,以在客户端上预渲染链接。在启用此功能之前,你可能需要查看在客户端预渲染时可能存在的风险

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

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

继续在你网站的任何 <a /> 链接上使用 data-astro-prefetch 属性来选择性地启用预取功能。此操作不会在文档的 head 中附加一个 <link> 标签或用 JavaScript 获取页面,而是会附加一个带有相应推测规则的 <script> 标签。

客户端预渲染需要浏览器支持。如果浏览器不支持 Speculation Rules API,prefetch 将回退到支持的策略。

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

贡献 社区 赞助