Images : alléger votre site sans perdre en qualité
Article publié en août 2019 : certaines informations, notamment sur les outils et les plateformes, ont pu évoluer depuis.
Les images sont souvent la première cause de lenteur d'un site. Bien préparées, elles restent belles tout en se chargeant rapidement.
Le bon format
Les formats modernes comme le WebP permettent de réduire fortement le poids des images, à qualité visuelle comparable.
La bonne taille
Inutile de charger une photo de 4000 pixels pour l'afficher sur 800. Redimensionner avant de publier est un geste simple et efficace.
Le chargement différé
Les images situées plus bas dans la page peuvent se charger au fil du défilement, pour un affichage initial plus rapide.
Pourquoi c'est important
Sur mobile, avec une connexion parfois moyenne, une page chargée d'images lourdes peut mettre longtemps à s'afficher. Beaucoup de visiteurs n'attendent pas et repartent.
Des outils pour automatiser
Il existe des solutions qui compressent et redimensionnent automatiquement les images au moment de leur ajout sur le site. Elles évitent d'avoir à y penser à chaque publication.
Ne pas sacrifier la qualité
L'objectif n'est pas de dégrader les visuels, surtout pour un commerce qui met en valeur ses produits. Une compression bien réglée reste invisible à l'œil tout en divisant le poids des fichiers.
Les formats d'image
JPEG pour les photos, PNG pour les images avec transparence, WebP pour un meilleur compromis entre qualité et poids : chaque format a son usage. Choisir le bon format est la première étape d'une optimisation réussie.
Les images adaptatives
Un même site peut proposer plusieurs tailles d'une image, et laisser le navigateur choisir celle qui convient à l'écran du visiteur. Un téléphone ne télécharge ainsi pas une image prévue pour un grand écran.
Les descriptions des images
Au-delà du poids, chaque image doit avoir un nom de fichier explicite et une description. Ces éléments améliorent l'accessibilité et le référencement dans la recherche d'images.
Un contrôle régulier
Les nouvelles images ajoutées au fil des mois peuvent alourdir le site. Un contrôle périodique permet de maintenir de bonnes performances.
Les galeries et portfolios
Les sites d'artisans, de photographes ou d'architectes contiennent souvent de nombreuses images. Pour ces sites, l'optimisation est d'autant plus importante. Des galeries qui chargent les images progressivement, avec des vignettes légères et des versions agrandies à la demande, permettent de montrer beaucoup de réalisations sans ralentir le site.
La qualité perçue
Une image floue ou pixelisée donne une mauvaise impression. L'objectif n'est pas de réduire la qualité, mais de trouver le meilleur compromis entre netteté et poids. Une bonne compression reste invisible pour l'œil, tout en divisant parfois par trois le poids du fichier.
Les photos de vos réalisations
Des photos réelles de vos produits ou de vos chantiers, bien cadrées et bien éclairées, valent mieux que des images de banques d'images. Elles montrent votre travail et inspirent confiance.
Mon conseil
Avant de publier une photo sur votre site, redimensionnez-la à la taille réellement affichée et compressez-la. Ce geste simple garde votre site rapide.