实验性客户端预渲染
类型: boolean
默认值: false
astro@4.2.0
在支持的浏览器中,对客户端上的预获取(prefetch)页面启用预渲染。
该功能使用了实验性的 推测规则 web API 并全局增强了默认的 prefetch 行为来预渲染客户端上的链接。
在启用该功能之前,你可能需要考虑一下 在客户端上进行预渲染的风险。
在 astro.config.mjs 中启用客户端预渲染以及任何所需的 prefetch 配置选项:
{ prefetch: { prefetchAll: true, defaultStrategy: 'viewport', }, experimental: { clientPrerender: true, },}然后在网站上的任意 <a /> 链接上使用 data-astro-prefetch 属性来选用预获取。这会在 <script> 标签上附加相应的推测规则,而不是将 <link> 标签附加到页面的 head 部分或使用 JavaScript 来获取页面。
客户端预渲染需要浏览器的支持。如果推测规则 API 不被支持,那么 prefetch 将会回退到支持的策略。
有关 prefetch 的更多选项和使用方法,请参阅 预获取指南。