Pré-rendu sur le client (expérimental)

Type : boolean
Par défaut : false

Ajouté à la version : astro@4.2.0

Active le pré-rendu de vos pages préchargées sur le client dans les navigateurs pris en charge.

Cette fonctionnalité utilise l’API web expérimentale des règles de spéculation et améliore le comportement par défaut de prefetch globalement pour effectuer le prérendu des liens sur le client. Avant d’activer cette fonctionnalité, vous souhaiterez peut-être examiner les risques possibles lors du pré-rendu 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 préchargement. 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éculation correspondantes.

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

Consultez le guide de préchargement pour plus d’informations sur les options et l’utilisation de prefetch.