Article d’archive, publié en 2018. Les outils et leurs interfaces ont changé depuis : certains écrans ou réglages peuvent ne plus correspondre.
Le poids d’une page web ne cesse d’augmenter avec les années. Cela a de lourdes répercussions pour nos sites web et l’expérience utilisateur. Même si le débit des lignes internets à lui aussi augmentée avec le temps, on assiste tout de même à un accroissement générale du temps de chargement des pages web.
J’aurais tendance à te demander ce qui selon toi expliquer cet accroissement significatif, mais avec un titre de billet comme celui-ci, tu dois t’en douter, le poids des images est un des vecteurs les plus importants. Avec les années, nous nous sommes mis à poster des images de plus en plus lourdes. Il suffit de se rendre sur quelques sites avec un peu trop d’images pour se rendre compte de l’ampleur du désastre.
Pour tout te dire, je me suis mis à m’intéresser au poids de mes images lorsque j’en suis venu à utiliser des outils en ligne tel que Canva. Le résultat avoisine assez souvent les 400ko pour une simple image de une. Le résultat était une page de catégorie au poids juste énorme. S’il est tout à fait possible d’optimiser ses images avant des les envoyer sur son site WordPress, cela n’est pas toujours le plus simple ou le plus rapide.
Nous allons donc nous intéresser à 6 plugins WordPress d’optimisation d’image qui nous propose de faire ce travail à notre place. Petit tour d’horizon et test des différents résultat au programme.
Au fait, en optimisant le poids de tes images, c’est aussi un peu la planète que tu protèges. Si cela t’intéresse, découvre aussi cet hébergeur WordPress écolo.
EWWW Image Optimizer
Commençons cette sélection des meilleurs plugins d’optimisation d’images pour WordPress par EWWW Image Optimizer. Une fois ce plugin WordPress d’installé, il s’occupera automatiquement d’optimiser les images que tu vas envoyer sur ton site WordPress du moment que ces images sont au format JPG, PNG ou GIF. Si tu as déjà des images sur ton site, aucun soucis, ce plugin d’optimisation des images pour WordPress possède une fonction dédiée à ce travail.
Le plus gros de tous les avantages d’EWWW Image Optimizer possède sur tous les autres, c’est qu’il intègre une collection d’outils directement dans le cœur du plugin. Cela signifie que vos images sont optimisées directement sur votre site. Aucun besoin de passer par un prestataire tiers et payer pour quelque chose que l’on peut très bien exécuter sur son propre serveur, du moment que l’on possède un bon hébergement WordPress. C’est aussi un très gros gain de temps, le traitement se faisant sur le serveur, aucun temps d’attente inutile, ni aucune consommation de bande passante. Finalement, c’est le seul vrai plugin qui fasse attention à la planète jusqu’au bout ?
Pour pallier à tout risque que votre hébergement ne soit pas en mesure de faire tourner complètement ce plugin (ce qui peut arriver), il existe bien entendu une API de connexion sur un serveur distant qui peut aussi faire ce travail. Attention, cela devient payant, ce qui est normal.
WP Smush
Dans le monde du plugin d’optimisation des images pour WordPress, le plugin WP Smush proposé par WPMU Dev est plutôt connu. Deux versions de ce plugin existe : la version gratuite et la version payante.
Ce plugin d’optimisation nous offre soit la possibilité d’optimiser image par image, soit de passer par un traitement par lot. Ce traitement par lot est particulièrement appréciable lorsqu’on doit traiter un grand nombres d’images. Cependant, dans sa version gratuite, cette fonctionnalité est bridée à 50 images par lot. Ce n’est pas bien énorme, mais cela peut suffire à certains utilisateurs WordPress. Certainement même à une grande majorité.
La compression des images est assurée par deux méthodes, l’une dite destructive et l’autre une compression avec légère perte. Cette dernière méthode de compression est rendu possible par de multiples passes d’un algorithme d’optimisation des images. Plus lent, mais dont le résultat est bien supérieur à la compression destructive. Seul bémol, cette option est uniquement disponible dans la version payante… faut pas rêver ma bonne dame.
Kraken Image Optimizer
Passons maintenant à Kraken, qui tout aussi célèbre que son confrère ci-dessus. Avant de t’en dire plus, il faut que tu saches que ce plugin est bien plus payant que gratuit. Tu vas certes avoir accès à 100 Mo gratuit mais… c’est tout.
Maintenant, si cela t’intéresse toujours… Kraken est un plugin qui va te permettre d’optimiser tes images PNG, JPG et GIF avec un format de compression dit intelligent. En d’autre terme, un algorithme va appliquer des méthodes de compressions peut agressive, mais à de multiples reprises. Le but étant d’avoir une image la plus compressée possible pour une destruction minimale de données sur l’image en question. Si tu le souhaites, tu peux aussi revenir à la bonne vieille méthode de la compression avec perte de données (ce que nous faisons sur wCommerce au passage) pour obtenir un poids encore plus bas, mais en sacrifiant encore un peu plus de qualité. C’est à toi de voir. Si cela t’intéresse, Kraken te propose une interface d’administration pour venir fine tuner tes paramétrages genre le niveau de compression souhaité.
Intéressant, ce plugin WordPress vient avec une option de résolution maximale à ne pas dépasser pour vos images. Plus besoin non plus de se soucier de cela avec Kraken.
ShortPixel Image Optimizer
Plugin Freemium à l’horizon qui offre au moins une belle interface, c’est déjà ça et en plus, 100 images par mois. Comme les autres plugins présentés dans ce billet, une fois installé, ShortPixel va s’occuper d’optimiser vos images déjà présentent sur votre site, et toutes celles que tu enverras sur ton site, automatiquement. C’est un point appréciable il faut bien le dire.
Le gros avantage de ShortPixel réside dans les deux méthodes de compressions qu’il offre, ainsi qu’une troisième encore un peu expérimentale qui s’adresse directement aux photographes. À toi voir pour cette méthode de compression dite glossy.
Enfin, bien que cela soit un plugin freemium, aucune clé d’activation ni de création de compte n’est requit ! Ça change dans ce monde. Seul ton adresse email sera utile.
Compress JPG & PNG Images
Lorsqu’on parle de Compress JPG and PNG Images j’admets volontiers être quelque parti pris. Pourquoi ? Car j’ai longtemps utilisé leurs services en ligne pour optimiser mes images (avant de développer un p’tit script bash qui fait super bien le boulot).
Alors ok, le plugin est en mode austère, il ne propose pas des algorithmes de ouf comme les autres, mais il fait un super boulot de compression des images JPEG et PNG. Je dirais même que c’est un tueur… Cerise sur le gâteau, il est possible de définir une résolution maximale, c’est cool ça !
Optimus
Voila un plugin d’optimisation d’images pour WordPress qui est là presque uniquement pour faire beau tant sa version gratuite tiens plus de la version de démo vite fait qu’autre chose.
Sinon, il optimise bien les images, comme tout autre plugin d’optimisation d’images.
Testons tout cela !
Ok, il est bien beau de faire la liste des plugins WordPress d’optimisation d’images en dressant la liste des fonctionnalités, mais au fond, cela ne nous mène pas bien loin. Faire un test de compression d’image JPG et d’image PNG, voila qui va vraiment nous aider à choisir.
Pour ces résultats, j’ai repris les tests déjà effectués par Elegant Themes. Afin d’obtenir le meilleur résultat possible, il a toujours été choisi une méthode de compression la moins destructive possible lorsque cela était possible, bien que cela fut rendu impossible avec WP Smush et Optimus par manque de paramétrage possible. Par soucis de comparaison avec les résultats obtenus par les autres plugins, Elegant Themes à fait le choix de les conserver dans le test. On peut mieux se rendre compte du bon boulot des autres plugins comme ça ;) De plus, WP Smush et Optimus font parti des plugins les plus utilisés en la matière…
Elegant themes nous met en garde sur les résultats obtenus. Ces derniers ne sont valables que pour l’image testée. Une autre image pourrait donc donner des résultats différents. Cependant, par expérience personnelle et régulière, ces valeurs se retrouvent être très proches de ce que l’on peut constater en général.
Test sur de la compression JPG
Voici l’image retenu par Elegant Theme :

Je la trouve intéressante à plus d’un titre : Effet de flou, large palette de couleur (houlalala le jeu de mot de malade !), des aplats de couleurs, de la texture, des ombrages… MAIS… oui, il y a un MAIS ! Pas de texte sur cette photo !
Voici les résultats que Elegant theme a peu noter :
| Plugin | Taille Origine | Taille Optimisée | Optimisation | Compression |
|---|---|---|---|---|
| EWWW Image Optimizer | 531 KB | 70.9 KB | 87% | Lossy |
| WP Smush | 531 KB | 488.1 KB | 6.3% | Lossless |
| Kraken Image Optimizer | 531 KB | 61.98 KB | 88.31% | Lossy |
| ShortPixel Image Optimizer | 531 KB | 81 KB | 85% | Lossy |
| Compress JPEG & PNG Images | 531 KB | 64.9 KB | 88% | Lossy |
| Optimus | 69 KB | 52 KB | 24.64% | Lossless |
Comme on peut le voir, les plugins utilisant la méthode de compression lossy obtiennent tous un pourcentage de compression très similaire. Les plugins Kraken et Compress JPEG & PNG gagnant d’une courte tête. Si les interfaces austères ne te dérangent pas, ainsi que le manque d’options, alors Compress JPEG & PNG est fait pour toi. Dans le cas contraire, Kraken propose une belle interface, ce qui le fera préfère par une large majorité.
Test sur de la compression PNG
Voici l’image en PNG retenue par Elegant Theme pour ce test de compression :

Les mêmes remarques peuvent être faite sur cette image que sur sa consœur au format JPG. Bien que le modèle ait changé, la scène est similaire.
Voici les résultats qu’Elegant Theme a pu noter :
| Plugin | Taille Origine | Taille Optimisée | Optimisation | Compression |
|---|---|---|---|---|
| EWWW Image Optimizer | 841 KB | 240.8 KB | 71.36% | Lossy |
| WP Smush | 841 KB | Not applicable | Not applicable | Lossless |
| Kraken Image Optimizer | 841 KB | 217.47 KB | 74.13% | Lossy |
| ShortPixel Image Optimizer | 841 KB | 200 KB | 76.21% | Lossy |
| Compress JPG & PNG Images | 841 KB | 218.8 KB | 73.98% | Lossy |
| Optimus | 69 KB | 63 KB | 8.6% | Lossless |
ShortPixel fait ici une sortie plutôt remarqué sur ses compétiteurs. Si sur l’optimisation JPG il n’était certes pas le meilleur, il n’en était pas si loin. Sur la partie compression PNG, il prend clairement l’avantage, sans que cela ne soit non plus ultra significatif.
Solution intéressante qu’est ShortPixel, mais attention au fait que son utilisation soit limitée !
Conclusion
Optimiser le poids de ses images devient de plus en plus une évidence. Même si nos ordinateurs peuvent souvent assumer de télécharger de pages web plutôt lourdes, et cela rapidement, il en va tout autrement pour une connexion mobile. Gardons bien cela en tête.
En plus d’offrir un accès plus rapide à nos sites WordPress, envoyer une image non optimiser sur son site, c’est jusqu’à 80% de poids en trop qui est envoyé sur tous les équipements réseaux qui sépare ton serveur web au terminal de ton client. Cela à chaque connexion.
Comme dis plus haut, les résultats de ce test sont obtenus sur des images particulière… j’oserais dire bah ouais, forcément. Je connais pas encore d’image qui soit parfaite pour représenter toutes les autres. In fine, en fonction de l’image que tu utiliseras, tu pourras avoir des variations dans ces résultats.











