Optimiser les images ? Optimiser les graphiques et les images pour ton site WordPress est une étape simple et importante pour améliorer ton temps de chargement. Il est d'autant plus surprenant de voir combien d'utilisateurs de WordPress téléchargent leurs images originales sans les optimiser. Pour que tu ne fasses pas la même erreur, je te montre aujourd'hui six plugins WordPress populaires qui te déchargent complètement de la compression de tes images.

En tant que propriétaire de site web, tu dois toujours garder un œil sur le temps de chargement de ton site WordPress. Après tout, un temps de chargement plus rapide a un effet positif sur l'expérience utilisateur (UX) de tes clients potentiels, sur ton classement dans les moteurs de recherche et, idéalement, sur tes conversions.

Pourquoi optimiser les images dans WordPress?

L'utilisation de plugins de mise en cache (ou mise en cache côté serveur), la compression des données avec gzip ou La suppression des plugins superflus, le passage au HTTPS et le passage à un hébergeur plus rapide sont des étapes populaires pour améliorer le temps de chargement de ton site WordPress. Surtout pour les boutiquesWooCommerce qui nécessitent beaucoup d'images de produits, on commence souvent par tourner d'autres vis pour améliorer le temps de chargement.

Une mesure importante qui a tendance à être négligée dans l'optimisation du temps de chargement est l'optimisation des images. Ce que beaucoup ne savent pas : dès que tu télécharges une image dans ta médiathèque, WordPress crée automatiquement trois autres formats : Un grand format (image de contribution), un format moyen et un petit format (image d'aperçu).

Ainsi, si tu penses n'avoir téléchargé qu'une seule image, il s'agit en réalité de quatre nouveaux fichiers, y compris les méta-informations, que le serveur doit traiter. Il existe même des thèmes qui génèrent automatiquement 10 tailles d'images ou plus.

Sauvegarder des images plus petites n'est que la première étape.

Réduire tes images originales avec Photoshop ou un programme similaire avant de les télécharger est une première mesure d'optimisation. Mais pour obtenir le meilleur temps de chargement possible, tu dois compresser toutes les images de ton site, y compris les fichiers d'images générés automatiquement par WordPress.

La différence entre "avec perte" et "sans perte"

Lors de la compression des images, il existe une différence entre la compression avec et sans perte, qui s'explique d'elle-même :

Lors d'une compression sans perte, la différence de qualité entre l'image avant et après la compression n'est pratiquement pas visible. Souvent, les méta-informations superflues du fichier image sont supprimées afin d'économiser des kilo-octets inutiles. Avec une compression lossy, la qualité de l'image peut être affectée par la réduction des couleurs et de la résolution. En revanche, la compression lossy permet d'économiser beaucoup plus de taille de fichier.

5 plugins WordPress pour l'optimisation des images

En réduisant tes images originales avant de les télécharger sur ton site WordPress, tu as déjà une bonne longueur d'avance. Cependant, pour optimiser rétroactivement ta bibliothèque existante et automatiser la compression de nouvelles images, les plugins sont la solution la plus évidente. C'est pourquoi je voudrais te montrer aujourd'hui cinq plugins WordPress populaires qui t'aideront à optimiser tes images. 

Optimiser les images WordPress avec Smush

Installations actives : plus de 1 million
Note : 4,8 étoiles (5 500 revues)
Formats supportés : JPG, PNG, GIF (Pro : conversion en WebP)
Gratuit : Taille de l'image max. 5 Mo, compressions en vrac de 50 images max.
Compression : lossless (Free) et lossy (Pro)

Comme le montrent plus d'un million d'installations et plus de 5 500 évaluations, Smush de WPMU DEV est l'un des plugins WordPress les plus populaires pour l'optimisation des images. Smush existe en version gratuite et en version Pro payante. Entre-temps, il est même possible d'utiliser Smush Pro comme outil séparé (sans être membre de WPMU DEV) pour 60 $ par an.

Qu'est-ce que la version gratuite de Smush offre ?

Comme pour la plupart des plugins, la version gratuite de Smush a quelques restrictions. Par exemple, dans la version gratuite, tu ne peux compresser que des images de 5 Mo maximum. Avec Smush Pro, il n'y a pas de limite à la taille de l'image et bien sûr d'autres fonctionnalités Pro comme l'optimisation bulk illimitée, CDN, lazy loading ou le support WebP. De plus, selon WPMU DEV, l'optimisation des images est jusqu'à 200% plus rapide dans la version Pro.

De plus, dans la version gratuite, tu ne peux que compresser sans perte. Le niveau de compression le plus élevé "Super Smash", qui utilise un algorithme lossy, n'est disponible que dans la version Pro.

Optimiser les images avec EWWW Image Optimizer

Installations actives : plus de 800 000
Note : 4,7 étoiles (1000 revues)
Formats supportés : JPG, PNG, GIF, PDF, WebP
Gratuit : uniquement sur son propre serveur (sans API)
Compression : lossless (Free) et lossy (Pro) possible

Qu'est-ce que la version gratuite de EWWW IO offre ?

Contrairement aux autres plug-ins de cette liste, la compression des images dans la version gratuite de EWWW Image Optimizer a lieu sur ton serveur. Cela rend EWWW IO particulièrement attractif du point de vue de la protection des données pour de nombreux utilisateurs. Pour que le plugin fonctionne, tu as cependant besoin de la fonction exec(), que de nombreux hébergeurs n'autorisent pas pour des raisons de sécurité. Cela vaut également pour Raidboxes.

Les développeurs EWWW IO expliquent dans cet article ce qu'il en est de l'exec et du plugin. Si la fonction exec n'est pas débloquée chez ton hébergeur pour des raisons de sécurité (comme par exemple chez Raidboxes), tu peux utiliser les tarifs payants basés sur le cloud du plugin.

Optimiser les images WordPress avec Imagify

Installations actives : plus de 400 000
Note : 4,5 (955 revues)
Formats supportés : JPG, PNG, PDF, Gif, WebP
Gratuit : Taille de l'image max. 2 Mo, téléchargements max. 20 Mo par mois, conversion en WebP
Compression : lossy et lossless possible

Qu'est-ce que la version gratuite de Imagify offre ?

Imagify est un plugin de WP Media, la société derrière le célèbre plugin "WP Rocket". Dans la version gratuite ("Starter"), tu peux compresser jusqu'à 20 Mo par mois, ce qui correspond à environ 200 images selon Imagify. Les tarifs payants sont "Growth" pour 4,99 $ par mois avec une limite de 500 Mo (environ 5 000 images) et "Infinite" pour 9,99 $ sans limite.

Imagify propose trois niveaux de compression différents :

• Normal : il s'agit d'une compression sans perte. La qualité visible de l'image n'est donc pas modifiée.
• Aggressive : ce niveau est certes lossy, mais avec une faible perte de qualité d'image. Selon Imagify, cette perte est à peine perceptible dans la plupart des cas.
• Ultra : c'est le niveau de compression le plus fort du plugin, qui implique en conséquence une perte de qualité, mais qui permet d'économiser le plus d'espace.

Optimiser les images WordPress avec ShortPixel

Installations actives : plus de 300 000
Note : 4,6 étoiles (597 revues)
Formats supportés : JPG, PNG, GIF, PDF, WebP
Gratuit : 100 images par mois
Compression : lossy, "glossy" et lossless

Qu'est-ce que la version gratuite de ShortPixel offre ?

Dans la version gratuite de ShortPixel, tu peux compresser 100 images par mois. Les images ou les fichiers que le plugin ne peut pas compresser de plus de 5 pour cent ne sont pas déduits de ton quota, ce qui est juste. Un autre avantage est que même dans la version gratuite, la compression lossy est possible et il n'y a pas de limite à la taille des images téléchargées.

Pour ceux qui souhaitent optimiser plus de 100 images par mois, Shortpixel propose sept tarifs avec différents quotas d'images : de 5 000 images pour 3,99 $ par mois à 16 millions d'images pour 1 000 $ par mois. Les trois plus grands tarifs incluent également le trafic CDN avec différentes limites.

Optimiser avec Compresser les images JPEG et PNG

Installations actives : plus de 200 000
Note : 4,4 étoiles (139 revues)
Formats supportés : JPEG, PNG, APNG (PNG animé)
Gratuit : 500 images par mois
Compression : lossless

Qu'est-ce que la version gratuite de Compress JPEG & PNG Images offre ?

Compress JPEG & PNG Images est le plugin officiel des célèbres outils de compression en ligne TinyPNG et TinyJPG. Avec le plugin WordPress TinyPNG, tu peux compresser gratuitement 500 images par mois. Dès que la limite est atteinte, il te sera demandé de mettre à niveau et de fournir tes données de paiement. Il n'y a pas d'abonnements classiques, aucune limite de taille de fichier et tu ne paies que le nombre d'images réellement compressées. Si tu te trouves dans la zone supérieure des limites, un modèle d'abonnement d'un autre fournisseur avec des optimisations illimitées peut être une option plus avantageuse.

Optimisation des images avec Optimus

Installations actives : plus de 60 000
Note : 4,2 étoiles (68 revues)
Formats supportés : JPEG, PNG (WebP à partir de la version payante Optimus HQ)
Gratuit : Taille de l'image max. 100 KB
Compression : lossless pour les PNG et "slightly lossy" pour les JPEG

Qu'est-ce que la version gratuite d'Optimus offre ?

Optimus est un plugin d'optimisation d'images de KeyCDN. Tu peux utiliser le plugin dans trois tarifs différents: Optimus (gratuit), Optimus HQ (Premium) et Optimus HQ PRO (Premium). Une limite importante de la version gratuite est la taille maximale des fichiers de 100 Ko. Dans les tarifs Premium, la limite de taille est de 10 Mo. De même, la connexion sécurisée au serveur via HTTPS, le support WebP et l'utilisation de l'API ne sont possibles qu'à partir du tarif Optimus HQ. Du point de vue de la protection des données, Optimus apporte toutefois un avantage décisif - les données sont traitées sur des serveurs en Allemagne et sont immédiatement supprimées après l'optimisation des images.

Conclusion : l'optimisation des images avec des plugins fait gagner du temps

Et ce doublement : d'une part, tu n'as plus besoin d'optimiser manuellement ton site et celui de tes clients, et d'autre part, tu améliores le temps de chargement de ton site grâce à la compression automatique des images. À l'heure où chaque milliseconde compte pour la vitesse d'un site Web, l'optimisation des images est une mesure que tu devrais exploiter au maximum.

Il est difficile de répondre de manière générale à la question de savoir quel plugin est la meilleure solution pour toi. En fin de compte, cela dépend du nombre d'images qui doivent être optimisées ultérieurement et du nombre de nouvelles images. Ceux qui ne téléchargent que quelques images par mois dans la médiathèque WordPress et qui intègrent également des fichiers PDF sont bien servis avec ShortPixel, par exemple. Si tu ne veux pas compter sur des serveurs étrangers pour optimiser tes images et que ton hébergeur le permet, EWWW IO est un bon choix. Pour les entreprises qui produisent régulièrement du contenu et qui téléchargent beaucoup d'images, WP Smush PRO vaut peut-être la peine, avec les autres fonctionnalités de WPMU DEV.

La devise pour une optimisation maximale est : "En double, c'est mieux".

Si tu souhaites consacrer le moins de temps possible à l'optimisation de tes images, les offres payantes des plugins sont probablement un meilleur choix. Tu n'auras pas à t'inquiéter constamment de l'épuisement des mégaoctets ou des quotas d'images et l'optimisation se fera automatiquement en arrière-plan.

Si tu peux consacrer un peu plus de temps et que tu veux en tirer le maximum lors de la compression, tu devrais même "optimiser deux fois". C'est une approche que nous suivons du mieux que nous pouvons à Raidboxes . Avant même de télécharger une image dans la médiathèque, nous l'adaptons à la taille requise et l'exportons dans une résolution aussi faible que possible. Dans Photoshop, par exemple, il est possible d'enregistrer des images spécialement pour l'utilisation sur le web. Tu trouveras la commande correspondante sous "Fichier" et "Enregistrer pour le web". De plus, nous utilisons Shortpixel dans le type de compression "Glossy", grâce auquel chaque image téléchargée dans WordPress est automatiquement compressée et les méta-informations inutiles sont supprimées.

J'espère que tu trouveras dans cette liste le plugin qui répond à tes besoins. Si tu as une autre recommandation pour l'optimisation des images dans WordPress, je serai ravi de recevoir ton commentaire.