Optimiser des images dans WordPress
Les images sont souvent ce qui pèse le plus lourd dans une page WordPress, et donc ce qui la ralentit le plus. Les optimiser tient en trois gestes : redimensionner avant l'envoi, compresser et convertir dans un format moderne, puis laisser WordPress servir la bonne taille au bon moment. Cette page détaille chaque geste, ce que WordPress fait déjà tout seul, et les extensions qui automatisent le reste.
1. Redimensionner avant d'envoyer
C'est le geste le plus efficace et il ne coûte rien. Une photo de smartphone ou d'appareil photo fait souvent 4 000 à 6 000 pixels de large, alors qu'un bandeau pleine largeur n'en demande pas plus de 2 000 à 2 560, et une image dans le corps d'un article 1 200 à 1 600.
WordPress réduit de lui-même les images de plus de 2 560 pixels (depuis la version 5.3), mais l'original reste stocké sur le serveur. Mieux vaut donc redimensionner avant l'envoi, avec votre logiciel de retouche (voir Créer et modifier des images dans Photoshop) ou un outil gratuit comme Squoosh.
Profitez-en pour nommer correctement le fichier : il est difficile de le changer une fois l'image dans la médiathèque (voir Les images dans WordPress).
2. Compresser et convertir en WebP ou AVIF
Compresser, c'est réduire le poids d'un fichier en supprimant des informations que l'œil ne remarque pas. Pour une photo, une qualité de 75 à 85 est en général invisible à l'écran et divise le poids par plusieurs fois.
Convertir en WebP ou en AVIF allège encore les fichiers par rapport au JPG et au PNG, et tous les navigateurs actuels lisent ces deux formats. Les différences entre formats sont expliquées dans Les formats d'images sur le Web, et ce que WordPress accepte selon votre serveur dans Les formats d'images dans WordPress.
Deux façons de faire :
À la main, avant l'envoi : Squoosh, l'outil gratuit de Google Chrome Labs, compresse et convertit dans le navigateur, avec un aperçu avant / après. Adapté à un petit site qui publie peu d'images.
Automatiquement, avec une extension : chaque image envoyée est compressée et convertie sans action de votre part, et les images déjà présentes peuvent être traitées en lot. Indispensable dès que plusieurs personnes publient, ou pour une boutique avec beaucoup de produits.
3. Les extensions d'optimisation d'images
Les plus utilisées ont toutes une version gratuite sur le répertoire officiel de WordPress, avec des limites différentes (informations relevées sur leurs fiches en octobre 2026) :
Extension | Où se fait la compression | Version gratuite | WebP / AVIF |
|---|---|---|---|
Imagify (WP Media, éditeur de WP Rocket) | Sur les serveurs de l'éditeur | Jusqu'à 20 Mo d'images par mois | WebP et AVIF |
ShortPixel | Sur les serveurs de l'éditeur | 100 crédits par mois (un crédit par image ou miniature optimisée) | WebP et AVIF |
Smush (WPMU DEV) | Sur les serveurs de l'éditeur | Compression sans quota mensuel des tailles générées (l'image pleine taille est réservée à la version Pro), images de plus de 5 Mo ignorées, chargement différé inclus | Version Pro seulement |
EWWW Image Optimizer | Sur votre serveur (ou via son API gratuite) | Optimisation sans limite annoncée, si l'hébergement autorise les outils nécessaires | WebP gratuit, AVIF en version payante |
Comment choisir :
petit site, peu d'images : la version gratuite de n'importe laquelle suffit souvent ; Smush et EWWW n'imposent pas de quota mensuel ;
beaucoup d'images à convertir en AVIF : Imagify ou ShortPixel, en vérifiant que le quota gratuit suffit, sinon en passant à une offre payante ;
vous êtes déjà abonné à WPMU DEV : Smush Pro est inclus dans l'abonnement WPMU DEV, avec son CDN d'images.
Si vous voulez seulement la conversion en WebP ou AVIF, sans compression supplémentaire, l'extension gratuite Modern Image Formats, publiée par l'équipe Performance de WordPress, suffit.
N'installez qu'une seule extension d'optimisation d'images à la fois, et vérifiez que votre extension de cache (voir les plugins de cache et de performance) ne fait pas déjà le même travail : deux outils qui traitent les mêmes images peuvent entrer en conflit.
4. Ce que WordPress fait déjà pour vous
Plusieurs optimisations sont intégrées à WordPress, sans extension :
Images adaptées à l'écran : depuis la version 4.4, WordPress ajoute aux images les attributs
srcsetetsizes, qui permettent au navigateur de télécharger la plus petite taille suffisante parmi celles générées (miniature, moyenne, grande...).Chargement différé : depuis la version 5.5, les images reçoivent l'attribut
loading="lazy": celles situées plus bas dans la page ne se chargent que lorsque le visiteur s'en approche.Priorité à l'image principale : depuis la version 6.3, WordPress ajoute
fetchpriority="high"à l'image qu'il juge la plus visible en haut de page, et évite d'y mettre le chargement différé. Selon l'équipe Performance, ce réglage améliore en général de 5 à 10% le temps d'affichage du contenu principal (LCP).
Ces mécanismes fonctionnent avec les blocs et les thèmes qui utilisent les fonctions standard de WordPress. Certains constructeurs de pages et thèmes affichent les images à leur manière : vérifiez le code de la page si vous avez un doute.
5. Vérifier le résultat
Mesurez avant et après, sur une page qui contient des images :
PageSpeed Insights, l'outil gratuit de Google, signale les images trop lourdes, mal dimensionnées ou dans un format ancien ;
GTmetrix et WebPageTest détaillent le poids et l'ordre de chargement de chaque fichier.
Si les images sont légères mais que le site reste lent, le problème est ailleurs : hébergement, cache, extensions. La page Performances WordPress passe ces facteurs en revue, et le module 19 de la formation WordPress est consacré aux performances.
Commentaires
Pas encore de commentaire. Soyez le premier !