> For the complete documentation index, see [llms.txt](https://atomic-suite.gitbook.io/atomic-suite/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://atomic-suite.gitbook.io/atomic-suite/documentation-atomic/documentation-utilisateur/performances-seo/comment-reduire-limpact-des-images-sur-le-temps-de-chargement-du-site.md).

# Réduire l'impact des images sur le temps de chargement du site

Les images affichées sur les pages de votre site peuvent allonger les temps de chargement de votre site.

Pour cette raison, il est essentiel de toujours utiliser des images optimisées pour le web, avec un format adapté (comme .jpg ou .webp) et avec un poids que soit le plus léger possible sans trop perdre en qualité. Pour optimiser davantage les temps de chargement des pages de votre site Web, Atomic vous permet de configurer en mode "*Lazy Loading*" les molécules de type “images”, “bannière”, “liste d’articles de blog” et tous les autres molécules utilisant des images.

Cette option retardera le téléchargement des images qui seront affichées seulement après le téléchargement de tout le contenu de la page.

Pour utiliser cette fonction, définissez l'option "*Lazy Loading*" sur "Oui".

![Atomic Suite By 202 > Animation de Contenu > Toutes les molécules > Modifier
ou
Atomic Suite By 202 > Animation de Contenu > Créer une nouvelle molécule > Etape 2](/files/-Mk2Z-pbTwW6-vm4UWFw)

{% hint style="info" %}
Il est recommandé d'activer le lazy loading sur une image uniquement lorsqu'elle se trouve sous la ligne de flottaison au moment du chargement de la page. 
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://atomic-suite.gitbook.io/atomic-suite/documentation-atomic/documentation-utilisateur/performances-seo/comment-reduire-limpact-des-images-sur-le-temps-de-chargement-du-site.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.