-
-
Notifications
You must be signed in to change notification settings - Fork 1.6k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
i18n(fr):Add
reference/experimental-flags/client-prerender.mdx
Signed-off-by: Thomas Bonnet <[email protected]>
- Loading branch information
Showing
1 changed file
with
42 additions
and
0 deletions.
There are no files selected for viewing
42 changes: 42 additions & 0 deletions
42
src/content/docs/fr/reference/experimental-flags/client-prerender.mdx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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`. |