Saltearse al contenido

Prerenderizado experimental del cliente

Tipo: boolean
Predeterminado: false

Agregado en: astro@4.2.0

Habilita el prerenderizado de tus páginas prefetched en el cliente en navegadores compatibles.

Esta función utiliza la experimental API Web de Reglas de Especulación y mejora el comportamiento predeterminado de prefetch globalmente para prerenderizar enlaces en el cliente. Es posible que desees revisar los posibles riesgos al prerenderizar en el cliente antes de habilitar esta función.

Habilita el prerenderizado del lado del cliente en tu astro.config.mjs junto con las opciones de configuración de prefetch deseadas:

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

Continúa usando el atributo data-astro-prefetch en cualquier enlace <a /> en tu sitio para optar por el prefetching. En lugar de agregar una etiqueta <link> al encabezado del documento o buscar la página con JavaScript, se agregará una etiqueta <script> con las reglas de especulación correspondientes.

El prerenderizado del lado del cliente requiere compatibilidad con el navegador. Si la API de Reglas de Especulación no es compatible, prefetch recurrirá a la estrategia compatible.

Consulta la Guía de Prefetch para obtener más opciones y uso de prefetch.

Contribuir Comunidad Patrocinador