Skip to content

Commit

Permalink
i18n(fr): Update guides/images.mdx and guides/imports.mdx (#10470)
Browse files Browse the repository at this point in the history
* i18n(fr): Update `guides/images.mdx` from #10447

Signed-off-by: Thomas Bonnet <[email protected]>

* i18n(fr): Update `guides/imports.mdx` from #10451 (nothing was updated, because the link is already correct.

Signed-off-by: Thomas Bonnet <[email protected]>

* Update src/content/docs/fr/guides/images.mdx

Co-authored-by: Armand Philippot <[email protected]>

* Update src/content/docs/fr/guides/images.mdx

Co-authored-by: Armand Philippot <[email protected]>

---------

Signed-off-by: Thomas Bonnet <[email protected]>
Co-authored-by: Armand Philippot <[email protected]>
  • Loading branch information
thomasbnt and ArmandPhilippot authored Dec 19, 2024
1 parent a550125 commit 6cbd043
Show file tree
Hide file tree
Showing 2 changed files with 20 additions and 1 deletion.
19 changes: 19 additions & 0 deletions src/content/docs/fr/guides/images.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -475,6 +475,25 @@ export default defineConfig({
});
```

## Mise en cache des ressources

Astro stocke les images traitées dans un répertoire cache lors de la création du site, tant pour les images locales que pour les [images distantes provenant de sources autorisées](/fr/guides/images/#autoriser-les-images-distantes). En préservant le répertoire de cache entre les constructions, les ressources traitées sont réutilisées, ce qui améliore le temps de construction et l'utilisation de la bande passante.

Le répertoire de cache par défaut est `./node_modules/.astro`, mais il peut être modifié en utilisant le paramètre de configuration [`cacheDir`](/fr/reference/configuration-reference/#cachedir).

### Images distantes

Les images distantes dans le cache des ressources sont gérées sur la base de [HTTP Caching](https://developer.mozilla.org/fr/docs/Web/HTTP/Caching), et respectent l'[En-tête Cache-Control](https://developer.mozilla.org/fr/docs/Web/HTTP/Headers/Cache-Control) renvoyé par le serveur distant.
Les images sont mises en cache si l'en-tête Cache-Control le permet et seront utilisées jusqu'à ce qu'elles ne soient plus [fraîches](https://developer.mozilla.org/fr/docs/Web/HTTP/Caching#fra%C3%AEcheur_freshness).

#### Revalidation

<p><Since v="5.1.0" /></p>

La [Revalidation](https://developer.mozilla.org/fr/docs/Web/HTTP/Caching#validation_de_cache) réduit l'utilisation de la bande passante et le temps de construction en vérifiant auprès du serveur distant si une image mise en cache qui a expiré est toujours d'actualité. Si le serveur indique que l'image est encore fraîche, la version mise en cache est réutilisée, sinon l'image est téléchargée à nouveau.

La revalidation nécessite que le serveur distant envoie des en-têtes [Last-Modified](https://developer.mozilla.org/fr/docs/Web/HTTP/Headers/Last-Modified) et/ou [Etag (entity tag)](https://developer.mozilla.org/fr/docs/Web/HTTP/Headers/ETag) avec ses réponses. Cette fonction est disponible pour les serveurs distants qui prennent en charge les en-têtes [If-Modified-Since](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/If-Modified-Since) et [If-None-Match](https://developer.mozilla.org/fr/docs/Web/HTTP/Headers/If-None-Match).

## Intégrations communautaires

Il existe plusieurs [intégrations d'images communautaires](https://astro.build/integrations?search=images) pour optimiser et travailler avec des images dans votre projet Astro.
2 changes: 1 addition & 1 deletion src/content/docs/fr/guides/imports.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -201,7 +201,7 @@ Ces alias sont également intégrés automatiquement dans [VS Code](https://code

L'utilitaire [`import.meta.glob()` de Vite](https://vite.dev/guide/features.html#glob-import) est un moyen d'importer plusieurs fichiers à la fois en utilisant des modèles glob pour trouver des chemins de fichiers correspondants.

`import.meta.glob()` prend un [modèle glob relatif](#patterns-globaux) correspondant aux fichiers locaux que vous souhaitez importer comme paramètre. Il renvoie un tableau des exportations de chaque fichier correspondant. Pour charger tous les modules correspondants à l'avance, passez `{ eager: true }` comme deuxième argument :
`import.meta.glob()` prend un [modèle glob relatif](#patterns-globaux) correspondant aux fichiers locaux que vous souhaitez importer comme paramètre. Il renvoie un tableau des exportations de chaque fichier correspondant. Pour charger tous les modules correspondants à l'avance, passez `{ eager: true }` comme deuxième argument :
```astro title="src/components/my-component.astro" {3,4}
---
Expand Down

0 comments on commit 6cbd043

Please sign in to comment.