Skip to content

Commit

Permalink
i18n(fr):Add reference/experimental-flags/client-prerender.mdx
Browse files Browse the repository at this point in the history
Signed-off-by: Thomas Bonnet <[email protected]>
  • Loading branch information
thomasbnt committed Dec 19, 2024
1 parent 3b00547 commit 9af202a
Showing 1 changed file with 42 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,42 @@
---
title: Pré-rendus expérimentaux pour le client
sidebar:
label: Pré-rendus du client
i18nReady: true
---

import Since from '~/components/Since.astro'

<p>

**Type :** `boolean`<br />
**Défaut :** `false`<br />
<Since v="4.2.0" />
</p>

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](https://developer.mozilla.org/en-US/docs/Web/API/Speculation_Rules_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](https://developer.mozilla.org/en-US/docs/Web/API/Speculation_Rules_API#unsafe_prefetching).

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

```js
// 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 [Prefetch Guide](/fr/guides/prefetch/) pour plus d'options et d'utilisation de `prefetch`.

0 comments on commit 9af202a

Please sign in to comment.