Pré-rendus pour le client (expérimental)

Type : boolean
Par défaut : false

Ajouté à la version : astro@4.2.0

Permet le pré-rendement de vos pages pré-chargés sur le client dans les navigateurs supportés.

Cette fonctionnalité utilise l’API Web expérimentale Speculation Rules Web API et améliore le comportement par défaut de prefetch globalement pour pré-rendre les liens sur le client. Avant d’activer cette fonctionnalité, vous pouvez consulter les risques possibles lors du pré-rendement sur le client.

Activez le pré-rendu côté client dans votre astro.config.mjs avec toutes les options de configuration prefetch souhaitées :

astro.config.mjs

{
  prefetch: {
    prefetchAll: true,
    defaultStrategy: 'viewport',
  },
  experimental: {
    clientPrerender: true,
  },
}

Continuez à utiliser l’attribut data-astro-prefetch sur n’importe quel lien <a /> sur votre site pour opter pour le prefetching. Au lieu d’ajouter une balise <link> à l’en-tête du document ou de récupérer la page avec JavaScript, une balise <script> sera ajoutée avec les règles de spécification correspondantes.

Le pré-rendement côté client nécessite la prise en charge du navigateur. Si l’API des règles de spécification n’est pas supportée, prefetch se rabattra sur la stratégie supportée.

Voir le guide Prefetch pour plus d’options et d’utilisation de prefetch.