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

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.