Les images représentent souvent la majeure partie du poids d’une page web. Les optimiser est l’un des leviers de performance les plus rentables : le gain est immédiat, visible sur le temps de chargement comme sur le référencement, sans toucher au reste du site.
Choisir le bon format
Chaque format a son usage :
- JPEG pour les photographies, où une compression légère passe inaperçue.
- PNG pour les images nécessitant de la transparence ou des aplats nets.
- SVG pour les logos et icônes, vectoriels et redimensionnables sans perte.
- WebP et AVIF, formats modernes offrant une meilleure compression à qualité égale.
Compresser intelligemment
La compression réduit le poids d’un fichier. L’objectif est de trouver le point où le gain de poids est maximal sans dégradation perceptible. Une compression bien dosée divise souvent le poids par deux ou plus, pour une différence visuelle négligeable.
Dimensionner à la bonne taille
Une erreur fréquente consiste à charger une image bien plus grande que sa taille d’affichage, laissant le navigateur la réduire. C’est du poids gaspillé. Servez des images à la dimension réelle d’affichage, et proposez plusieurs tailles selon l’appareil grâce aux images responsives.
Différer le chargement
Le chargement différé (lazy loading) ne charge une image que lorsqu’elle approche de la zone visible. Les images en bas de page ne ralentissent plus l’affichage initial. Cette technique, désormais native dans les navigateurs, améliore nettement la performance perçue des pages longues.
Automatiser plutôt que traiter à la main
Optimiser chaque image manuellement n’est pas tenable à l’échelle d’un site. L’idéal est d’automatiser : conversion aux formats modernes, compression et génération des différentes tailles à la volée. De nombreux hébergements et CDN, dont les solutions d’OVHcloud, proposent des mécanismes d’optimisation d’images côté serveur, ce qui applique ces bonnes pratiques sans intervention manuelle sur chaque fichier.