Aller au contenu

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 srcset et sizes, 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.

Auteur : Jean-Noël Mathonnet

Commentaires

Pas encore de commentaire. Soyez le premier !

Laisser un commentaire