Optimiser les images WordPress : méthode pour un site plus rapide

Pour optimiser les images WordPress, commencez par celles qui sont réellement téléchargées sur vos pages importantes. Ajustez leurs dimensions, comparez les formats et la compression, puis contrôlez le fichier servi sur mobile et ordinateur.

Pour optimiser les images WordPress, inutile de convertir toute la médiathèque sans diagnostic. L’exemple ci-dessous compare deux exports mesurés du même visuel, sans les confondre avec le format actuellement publié.

Compresser les images WordPress : par où commencer ?

Commencez par une page importante et une image précise, plutôt que par toute la médiathèque. Le but est de repérer un fichier coûteux ou mal servi, puis de mesurer l’effet d’un changement.

Pour optimiser les images WordPress, une photographie lourde en haut de page et une miniature qui télécharge l’original ne se corrigent pas de la même façon. Le rapport donne une piste ; la vérification du fichier servi permet de choisir l’action. La méthode de contrôle dans le navigateur est détaillée plus bas.

Quelles dimensions choisir pour optimiser les images WordPress ?

Partez de l’emplacement final. Une vignette de carte, une image au milieu d’un article et un visuel pleine largeur n’ont pas les mêmes besoins. Exportez un fichier dont les dimensions couvrent raisonnablement l’affichage prévu, sans conserver par défaut la taille maximale de l’original. Avant d’optimiser les images WordPress, gardez une copie source séparée pour les recadrages futurs.

Quel format choisir pour optimiser les images WordPress ?

Pour une photographie, comparez une exportation JPEG de qualité maîtrisée avec un format moderne comme WebP ou AVIF.

• Pour un visuel avec transparence, PNG peut être nécessaire, mais WebP ou AVIF peuvent également convenir selon votre chaîne de production et les navigateurs visés.
• Un SVG est adapté à certaines illustrations vectorielles simples, à condition de maîtriser sa provenance et sa sécurité.
• Évitez de convertir automatiquement tous les fichiers sans vérifier le résultat : les aplats, les textes intégrés à une image et les détails fins ne réagissent pas de la même manière à la compression.

Pour optimiser les images WordPress, la bonne décision se prend à l’œil, sur les tailles réellement affichées. Comparez les contours, les dégradés et les zones de texte. Si la perte de qualité saute aux yeux, le gain de poids n’en vaut pas la peine. À l’inverse, un fichier plus léger qui reste visuellement fidèle est un bon candidat. Web.dev détaille les leviers de performance des images.

Un choix de format selon le rôle du visuel

Pour optimiser les images WordPress, aucun format ne gagne dans tous les cas. Faites un essai sur une image représentative avant de modifier des centaines de médias. Le gain de poids doit être mis en balance avec la qualité visuelle, la compatibilité et le temps de gestion supplémentaire.

Comment optimiser les images WordPress sans dégrader le rendu ?

1. Pour compresser les images WordPress, conservez l’original hors de la médiathèque de production.
2. Recadrez et redimensionnez pour l’usage prévu.
3. Exportez deux versions avec des réglages de qualité différents, puis comparez-les à taille réelle.
4. Chargez la meilleure version dans WordPress et sélectionnez la taille adaptée dans l’éditeur.
5. Contrôlez la page publiée sur ordinateur et mobile, y compris le fichier effectivement demandé.

Pour optimiser les images WordPress d’une médiathèque déjà volumineuse, une extension de compression peut traiter les nouveaux imports et, selon ses fonctions, les anciens.

• Faites d’abord une sauvegarde exploitable du site WordPress et testez sur un petit lot.
• Certaines extensions conservent les originaux et permettent un retour arrière ; vérifiez ce point, ainsi que les limites de l’offre et le comportement avec votre hébergement.
• N’empilez pas plusieurs outils qui recompressent les mêmes fichiers.

Exemple : comparer deux exports d’un même visuel

Les mesures ci-dessous comparent deux exports du visuel utilisé pour illustrer cet article, aux mêmes dimensions (1 672 × 941 pixels) : un PNG de 1 466 452 octets et un JPEG de 227 059 octets, soit environ 85 % de données en moins.

• Le rendu a été contrôlé visuellement après l’export.
• Cette comparaison ne décrit pas le fichier actuellement affiché : l’image à la une est aujourd’hui au format WebP, avec des tailles adaptées à l’affichage.

Cette comparaison porte sur le fichier, pas sur le temps de chargement mesuré chez un visiteur : WordPress peut ensuite générer des tailles intermédiaires et le navigateur ne télécharge pas toujours l’original.

• Elle ne prouve pas non plus que JPEG battra PNG, WebP ou AVIF pour toutes les images.
• Les photographies, captures avec texte et dessins à aplats réagissent différemment.
• Pour optimiser les images WordPress, comparez un même visuel au même cadrage, puis de vérifier le fichier réellement servi sur la page.

Optimiser les images WordPress : vérifier le fichier servi

Avant d’optimiser les images WordPress, vérifiez ce qui est servi : la médiathèque montre l’original, mais ce n’est pas forcément le fichier que télécharge un téléphone. Pour contrôler une page, ouvrez-la dans votre navigateur, puis affichez ses outils de développement et l’onglet Réseau. Rechargez la page avec cet onglet ouvert et filtrez les requêtes par images.

1. Repérez l’image visible à l’écran : son nom, son URL et la taille transférée. Ne confondez pas cette taille avec celle de l’original affiché dans la médiathèque.
2. Comparez la largeur du fichier téléchargé à la place qu’il occupe sur la page. Si une vignette de quelques centaines de pixels télécharge systématiquement un visuel immense, vérifiez la taille sélectionnée dans WordPress et les attributs srcset et sizes.
3. Refaites le contrôle dans une largeur mobile. Une image de fond Divi peut ne pas suivre le même mécanisme qu’un élément <img> et doit être examinée séparément.
4. Si l’image est la plus grande dans la zone visible au chargement, notez si elle est chargée tôt ou retardée. Contrôlez ensuite la page dans PageSpeed Insights ; comparez à la mesure initiale à conditions proches.

Cette vérification évite de traiter toute la médiathèque lorsqu’une seule image de hero ou un mauvais choix de taille explique l’essentiel du problème sur une page commerciale. À l’inverse, un fichier déjà léger dans la médiathèque peut encore être servi de façon inefficace si le thème ou le constructeur demande la mauvaise variante.

Comment optimiser les images WordPress en haut de page ?

L’image visible à l’ouverture peut être le plus grand élément affiché et peser sur le LCP. Traitez-la séparément des images plus bas dans la page.

• Poids et dimensions : comparez le fichier demandé à la place réellement occupée.
• Mode d’intégration : distinguez une image <img> d’un arrière-plan CSS dans Divi ou un autre constructeur.
• Chargement : vérifiez qu’un réglage général ne retarde pas inutilement l’image principale ; ne changez pas les priorités sans mesure.
• Validation : retestez la même page et comparez les conditions de mesure avant de conclure.

Le chargement différé peut convenir aux images hors écran. Il ne doit pas être appliqué mécaniquement au visuel principal. La documentation sur l’optimisation du LCP précise les points à examiner.

Optimiser les images WordPress pour leur compréhension par Google

L’optimisation des images WordPress porte sur le poids et sur la compréhension du visuel : ces deux sujets restent distincts. Un nom de fichier ne compense pas une page sans contexte.

• Nom : décrivez le sujet plutôt que de conserver un nom générique comme IMG_4827.jpg.
• Texte alternatif : décrivez l’information utile de l’image, sans liste de mots-clés.
• Décoration : une image purement décorative peut avoir un attribut alternatif vide.
• Contexte : reliez l’illustration au texte, à la légende et au sujet de la page.

Pour le visuel de ce guide, la seconde description reprend le message affiché. Elle ne promet ni score ni gain de vitesse.

Suivez les bonnes pratiques Google pour les images. Le texte alternatif ne réduit pas le poids du fichier.

Optimiser les images WordPress d’une médiathèque existante

Sur un site déjà publié, l’objectif n’est pas de convertir tous les fichiers en une fois. Commencez par les pages qui reçoivent du trafic ou présentent un visuel particulièrement lourd. Notez pour chacune l’URL, le fichier réellement chargé, ses dimensions, son poids et son rôle dans la page. Cette liste évite de traiter au hasard des centaines de médias qui n’ont presque aucun effet.

1. Conservez une sauvegarde exploitable. Vérifiez qu’elle inclut les fichiers médias et que vous savez restaurer une image ou la page concernée.
2. Testez un petit échantillon. Remplacez une image principale, une capture et un visuel de carte avant de généraliser la méthode.
3. Contrôlez les variantes. WordPress génère plusieurs tailles et peut servir une variante selon l’écran ; une conversion de l’original ne prouve pas que le visiteur reçoit le nouveau fichier.
4. Vérifiez les pages et le cache. Comparez bureau et mobile, puis purgez le cache concerné avant la mesure de performance.
5. Étendez par lots mesurables. Gardez la possibilité de revenir au fichier précédent si le cadrage, la netteté ou l’affichage se dégrade.

Sur Divi, inspectez aussi les images de fond des sections et des modules : elles ne se repèrent pas toujours dans la liste des balises image. Une image à la une peut également être affichée dans les cartes d’articles avec un cadrage différent de celui du haut de page. Le bon contrôle se fait sur les emplacements réels, pas seulement dans la médiathèque.

Le poids des images n’est qu’un volet de la page : leur compréhension, leur place dans le contenu et le parcours du visiteur comptent aussi. Le travail de référencement naturel replace ces corrections dans les priorités du site.

Que contrôler après avoir choisi d’optimiser les images WordPress ?

• Le visuel reste net et correctement cadré sur mobile et ordinateur.
• La page sert une variante cohérente avec l’emplacement, plutôt que systématiquement l’original.
• L’image principale ne dépend pas d’un chargement différé inapproprié.
• Le texte alternatif est utile lorsqu’il y a une information à transmettre.
• Le test de performance est comparé à la mesure prise avant le changement, à conditions proches.
• La sauvegarde permet de restaurer les fichiers si un traitement en masse pose problème.

Évitez de modifier simultanément les images, le cache, les polices et le thème si vous cherchez à mesurer un effet. Une série de changements isolés permet de comprendre ce qui a réellement amélioré la page. Dans une démarche plus large, un audit SEO aide à hiérarchiser les corrections plutôt qu’à multiplier les micro-optimisations.

Questions fréquentes sur les images WordPress

Besoin d’optimiser les images d’un site existant ?

Pour optimiser les images WordPress et leur affichage, vous pouvez me confier une assistance WordPress. Si le problème dépasse les images, le guide pour diagnostiquer un site WordPress lent aide à distinguer les fichiers lourds des difficultés liées au serveur, au thème ou aux scripts.

Sources et documentation

• WordPress : images adaptatives
• Web.dev : optimiser le LCP