Les images représentent en moyenne 50% du poids d’une page web. Sur WordPress, des images non optimisées ralentissent votre site, dégradent l’expérience de vos visiteurs et pénalisent votre référencement sur Google. Bonne nouvelle : réduire le poids de vos images est simple, rapide et ne nécessite aucune compétence technique particulière.
Pourquoi le poids des images est-il si important ?
Quand un visiteur arrive sur votre site, son navigateur doit télécharger tous les éléments de la page. Il télécharge vos textes, vos scripts (les animations par exemple ou les polices venant de Google fonts, etc.), et surtout images. Plus vos images sont lourdes, plus ce chargement prend du temps. Google en tient compte dans son algorithme depuis 2021 avec les Core Web Vitals, des indicateurs de performance qui mesurent notamment la vitesse d’affichage de vos pages.
Un site lent perd des positions dans les résultats de recherche et des visiteurs qui quittent la page avant même de l’avoir lue.
Concrètement, une image non optimisée peut peser plusieurs mégaoctets là où une version compressée du même visuel ne dépasserait pas quelques dizaines de kilo-octets, sans différence visible à l’œil nu.
Choisir le bon format d’image avant de commencer
Avant même de parler de compression, le choix du format de fichier est déterminant. Voici les formats à connaître :
- Le JPEG est idéal pour les photos. Il offre un bon compromis entre qualité et poids.
- Le PNG est adapté aux logos et images avec fond transparent, mais il est souvent plus lourd.
- Le WebP est le format moderne recommandé par Google. Il est en moyenne 25 à 50% plus léger qu’un JPEG à qualité équivalente. Tous les navigateurs actuels le supportent.
- L’AVIF est le format le plus récent et le plus performant. Il est encore plus léger que le WebP à qualité équivalente. Son support par les navigateurs est désormais très large, mais tous les plugins WordPress ne le gèrent pas encore nativement.
Si vous pouvez choisir, privilégiez le WebP. La plupart des plugins d’optimisation que nous allons voir s’en chargent automatiquement.
Dimensionner correctement ses images
Une erreur fréquente est de mettre en ligne une image de 4000 pixels de large alors que votre zone de contenu n’en affiche que 1200. WordPress redimensionne l’image à l’affichage, mais il télécharge quand même le fichier original dans son intégralité. Avant de mettre une image en ligne, redimensionnez-la aux dimensions réelles dont vous avez besoin. Des outils gratuits comme Squoosh ou TinyPNG vous permettent de le faire en quelques secondes directement depuis votre navigateur.
Utiliser un plugin pour optimiser vos images existantes
Pour les images déjà présentes dans votre médiathèque, un plugin d’optimisation est la solution la plus efficace. Il en existe plusieurs pour WordPress. Personnellement, j’utilise le plugin EWWW Image Optimizer pour plusieurs raisons :
- Il est très bien noté (5 étoiles sur 5 sur le répertoire officiel WordPress)
- Il compte plus de 1 million d’installations actives
- Il est régulièrement mis à jour
- La compression se fait localement sur votre serveur, sans envoyer vos images sur un serveur externe
- Il est entièrement gratuit pour un usage de base
D’autres plugins très fiables existent également, comme Imagify, ShortPixel ou Smush, qui proposent tous une version gratuite suffisante pour la plupart des sites.
Comment optimiser vos images avec EWWW Image Optimizer
Une fois le plugin installé et activé depuis votre tableau de bord (Extensions > Ajouter), voici les étapes pour optimiser vos images existantes :
- Allez dans le menu Médias puis Optimisation de masse
- Cliquez sur Analyse d’images non optimisées
- Cliquez sur Démarrer l’optimisation
C’est tout. Le plugin analyse l’ensemble de votre médiathèque et compresse automatiquement chaque image. À partir de ce moment, toute nouvelle image que vous mettez en ligne sera optimisée automatiquement sans que vous n’ayez à faire quoi que ce soit.
Pourquoi le plugin trouve-t-il plus d’images que prévu ?
Vous serez peut-être surpris de voir un nombre d’images bien supérieur à ce que vous avez réellement mis en ligne. C’est tout à fait normal. WordPress génère automatiquement plusieurs versions de chaque image que vous uploadez (une version miniature, une version moyenne, une version grande) pour s’adapter aux différents formats d’affichage de votre thème. Le plugin optimise toutes ces versions, ce qui explique le nombre élevé affiché.
Le lazy loading : une optimisation complémentaire
Le lazy loading est une technique qui consiste à ne charger les images que lorsque le visiteur fait défiler la page jusqu’à elles, plutôt que de tout charger d’un coup au moment de l’arrivée sur la page. WordPress intègre cette fonctionnalité nativement depuis la version 5.5. Vous n’avez donc rien à configurer, c’est actif par défaut.
Certains plugins comme EWWW proposent également leur propre système de lazy loading avec des options plus avancées.
En résumé : la checklist avant de mettre une image en ligne
- Choisissez le bon format (WebP ou Avif si possible, JPEG pour les photos, PNG pour les logos)
- Redimensionnez l’image aux dimensions réelles nécessaires
- Compressez-la avec un outil comme Squoosh ou TinyPNG avant l’upload
- Renseignez l’attribut alt avec une description claire de l’image
- Laissez votre plugin d’optimisation faire le reste automatiquement
Pour aller plus loin sur l’optimisation de vos images pour le référencement, consultez notre article dédié.
