Les images font partie des éléments les plus lourds d’un site WordPress. Une page peut être techniquement bien construite, disposer d’un bon hébergement et pourtant mettre plusieurs secondes à s’afficher simplement parce qu’elle charge cinq ou six images de plusieurs mégaoctets.

Le problème est particulièrement fréquent sur les sites vitrines, les blogs, les portfolios et les boutiques WooCommerce où les photos sont importées directement depuis un appareil photo ou un logiciel de création.

L’objectif n’est cependant pas de supprimer les images. Il faut réduire leur poids tout en conservant une qualité visuelle suffisante.

Comment savoir si vos images sont trop lourdes ?

Une image affichée en 600 pixels de large n’a généralement aucune raison d’être envoyée au navigateur avec une largeur de 4 000 pixels.

Quelques symptômes doivent vous alerter :

Symptôme Cause possible
Page très lente sur mobile Images trop volumineuses
LCP élevé Image principale mal optimisée
Plusieurs Mo transférés par page Photos non compressées
Page rapide sans images mais lente avec elles Médias trop lourds
Mauvais score PageSpeed Formats ou dimensions inadaptés

Une page contenant 8 Mo d’images demandera mécaniquement davantage de temps et de données à télécharger qu’une page équivalente utilisant 800 Ko.

Réduire les dimensions avant de compresser

La première erreur consiste à seulement compresser une image gigantesque.

Prenons une photo de 5 000 × 3 000 pixels utilisée dans un bloc WordPress de seulement 700 pixels de large.

Avant même de parler de compression, il est préférable de créer une version adaptée aux dimensions réellement nécessaires.

WordPress génère lui-même plusieurs tailles d’images à l’importation. Le thème ou le constructeur de pages doit ensuite appeler la taille appropriée plutôt que systématiquement l’image originale.

JPEG, PNG, WebP ou AVIF ?

Tous les formats ne répondent pas au même besoin.

Le JPEG reste adapté aux photographies classiques. Le PNG est intéressant lorsqu’une transparence est nécessaire, mais peut devenir très lourd.

WebP permet généralement de diminuer sensiblement le poids des fichiers tout en maintenant une bonne qualité visuelle.

AVIF peut permettre une compression encore plus importante dans certaines situations, mais il convient de vérifier son intégration et le résultat visuel.

Pour une grande majorité de sites WordPress, convertir les photographies en WebP constitue déjà une excellente première étape.

Devsource propose d’ailleurs un optimiseur d’images WebP gratuit permettant de préparer simplement des fichiers plus légers avant leur intégration dans WordPress :

https://devsource.fr/outil/optimiseur-dimages-webp/

Attention au lazy loading

Le lazy loading consiste à ne charger certaines images que lorsqu’elles approchent de la zone visible de l’écran.

C’est particulièrement pertinent pour :

  • les images situées très bas dans une page ;
  • les galeries ;
  • les listes de produits ;
  • les articles comportant beaucoup d’illustrations.

En revanche, l’image principale visible immédiatement à l’arrivée sur la page ne doit pas être retardée inutilement.

Si votre image héro constitue le Largest Contentful Paint de la page, un mauvais paramétrage peut dégrader les performances au lieu de les améliorer.

Ne pas oublier les images en arrière-plan

Les images intégrées en CSS ou comme arrière-plan Elementor passent parfois sous les radars.

Un bandeau de 2 500 pixels comportant une photographie plein écran peut peser plusieurs mégaoctets.

Dans ce cas, trois optimisations sont possibles : réduire ses dimensions, augmenter légèrement sa compression et utiliser un format moderne.

Faut-il installer un plugin d’optimisation ?

Un plugin peut automatiser beaucoup de choses : compression, génération WebP, redimensionnement ou lazy loading.

Mais ajouter un plugin supplémentaire uniquement pour gagner quelques kilooctets n’est pas systématiquement la meilleure solution.

Sur certains projets, nous préférons chez Devsource intervenir directement sur la bibliothèque média, le thème, le cache et la manière dont les images sont appelées.

L’objectif est de corriger la cause du problème, et pas simplement d’empiler les plugins de performance.

Une méthode simple

Pour une page lente, commencez par relever son poids total.

Identifiez ensuite les cinq ressources graphiques les plus lourdes. Vérifiez leurs dimensions, leur format et l’endroit où elles apparaissent.

Une image de 1,8 Mo réduite à 150 Ko apporte souvent davantage de résultats que dix micro-optimisations JavaScript.

Après les modifications, mesurez de nouveau la page sur mobile et ordinateur.

En résumé

L’optimisation des images WordPress repose principalement sur quatre éléments : bonnes dimensions, compression adaptée, formats modernes et chargement intelligent.

Si votre site reste lent après avoir réduit les images, le problème se situe probablement ailleurs : serveur, plugins, thème, Elementor, JavaScript ou base de données.

Devsource accompagne les entreprises dans les audits de performances WordPress et SEO technique afin d’identifier précisément ce qui ralentit un site et de prioriser les corrections réellement utiles.