Optimiser les images WordPress est souvent le levier le plus rentable pour accélérer un site, bien avant de changer d’hébergeur ou de traquer le moindre script. Sur la plupart des blogs et vitrines, les photos et illustrations représentent la grande majorité du poids total d’une page, largement devant le code, les polices ou les quelques extensions installées. Ce guide fait le point, sans jargon inutile, sur trois leviers concrets : la compression avant l’envoi, les formats WebP et AVIF, et le chargement différé (lazy loading) désormais intégré nativement à WordPress.
Optimiser les images WordPress : pourquoi elles pèsent si lourd
Un appareil photo ou un smartphone récent produit des fichiers pensés pour l’impression ou le zoom, pas pour un écran de blog : plusieurs mégaoctets par photo, des dimensions bien supérieures à la largeur réellement affichée sur la page. Dès qu’un article en contient trois ou quatre à cette résolution, le navigateur doit télécharger plusieurs mégaoctets avant même d’afficher le texte.
C’est pour cette raison que les images sont presque toujours le principal responsable d’un mauvais score de LCP (Largest Contentful Paint, l’un des indicateurs de performance mesurés par Google : le temps que prend le plus grand élément visible de l’écran, très souvent une image, à s’afficher complètement). Un thème léger comme Atelier Polyvalent, qui n’ajoute aucun script ni police distante inutile, ne peut rien faire si les images qu’on y dépose pèsent chacune 4 ou 5 Mo.
Compresser ses images avant de les envoyer dans la médiathèque
Réduire le poids sans perdre en qualité visible
La compression consiste à réduire la taille du fichier en supprimant des données que l’œil humain ne perçoit pas (ou très peu), ou en réduisant les dimensions de l’image à ce qui sera réellement affiché. Pour un article de blog, une image en pleine largeur dépasse rarement 1200 à 1600 pixels de large : il est inutile d’envoyer un fichier de 4000 pixels que WordPress redimensionnera de toute façon à l’affichage, après avoir fait télécharger l’original complet au visiteur.
Les bons réflexes avant l’upload
Deux habitudes simples suffisent dans la majorité des cas : redimensionner l’image à une largeur raisonnable avant de l’enregistrer (la plupart des logiciels de retouche, y compris gratuits, proposent cette option à l’export), puis passer le fichier dans un compresseur en ligne avant de l’envoyer dans WordPress. Cette seconde étape, souvent ignorée, permet fréquemment de diviser le poids d’un fichier par deux ou trois sans différence visible à l’écran.
WebP et AVIF : des formats d’image plus légers à qualité égale
Au-delà du JPEG et du PNG, WordPress accepte nativement deux formats d’image plus récents et plus efficaces. Le WebP, pris en charge depuis WordPress 5.8, offre une meilleure compression que le JPEG à qualité équivalente. Plus récent, l’AVIF est accepté par WordPress depuis la version 6.5 : selon l’annonce officielle de l’équipe de développement de WordPress, ce format peut produire des fichiers jusqu’à 50 % plus légers qu’un JPEG de qualité comparable, tout en gérant davantage de couleurs.
Deux précisions importantes avant de s’enthousiasmer. D’abord, le support de l’AVIF dépend de l’hébergeur : il faut que les bibliothèques d’images du serveur le permettent, ce qui se vérifie dans le tableau de bord, menu Outils → Santé du site → Informations → Gestion des médias, en cherchant la mention « AVIF ». Ensuite, et c’est un point souvent mal compris : WordPress ne convertit pas automatiquement vos JPEG existants en WebP ou en AVIF. Le cœur du logiciel sait afficher ces formats si vous les envoyez vous-même, mais la génération automatique de versions WebP ou AVIF à partir d’un JPEG téléversé nécessite une extension dédiée, ou une modification technique réservée à un développeur.
En pratique, pour un créateur non-développeur, la solution la plus simple reste d’exporter directement ses images au format WebP depuis son logiciel de retouche (la plupart le permettent désormais) avant de les envoyer dans la médiathèque, ou de s’appuyer sur une extension de compression qui gère cette conversion automatiquement.
Le chargement différé (lazy loading) : natif dans WordPress, mais pas magique
Le lazy loading, ou chargement différé, consiste à ne charger une image que lorsque le visiteur est sur le point de la voir en faisant défiler la page, plutôt que de charger d’un coup toutes les images de l’article dès son ouverture. Bonne nouvelle : WordPress l’active automatiquement depuis la version 5.5, via l’attribut HTML loading="lazy" ajouté par défaut à la plupart des images du contenu.
Cette fonctionnalité native a toutefois deux limites à connaître. Elle ne couvre pas les images d’arrière-plan définies en CSS, ni les vidéos ou les iframes intégrées (une carte Google Maps, par exemple) : pour ces éléments, il faut une extension dédiée. Comme le détaille ce guide pratique de WPBeginner, il est surtout recommandé d’exclure les deux ou trois premières images visibles dès l’ouverture de la page, le logo, l’image d’en-tête d’un article, du chargement différé, pour qu’elles s’affichent immédiatement plutôt que d’attendre inutilement : c’est justement ce qui compte dans le calcul du LCP évoqué plus haut.
À lire aussi : Vitesse de chargement WordPress : ce qu’un thème sobre change vraiment, les images ne sont qu’un des leviers de la vitesse d’un site, cet article détaille les autres (hébergement, cache, thème).
Nommer et décrire ses images : un détail qui compte aussi pour le SEO
Au-delà de la vitesse, deux habitudes simples améliorent à la fois l’accessibilité et le référencement de vos images. D’abord, le nom du fichier : renommer « IMG_4821.jpg » en quelque chose comme « composition-page-vente-atelier-polyvalent.jpg » avant l’envoi, plutôt que de laisser le nom donné par l’appareil photo. Ensuite, le texte alternatif (« texte alt ») que WordPress propose de remplir pour chaque image dans la médiathèque : il est lu par les lecteurs d’écran pour les internautes malvoyants, et il aide les moteurs de recherche à comprendre le contenu de l’image.
Un texte alt descriptif et honnête, incluant le mot-clé principal de l’article quand c’est pertinent sans forcer, vaut toujours mieux qu’un champ laissé vide ou rempli de mots-clés répétés artificiellement.
Avec un thème sobre, l’image reste le principal levier qui reste entre vos mains
Un thème comme Atelier Polyvalent, pensé sans compte, sans tracking et sans dépendance à un page builder tiers, retire déjà une bonne partie des causes habituelles de lenteur : scripts superflus, polices chargées depuis des serveurs distants, constructeurs de page qui ajoutent leur propre CSS et JavaScript par-dessus celui du thème.
Une fois ces causes écartées côté thème, ce qui reste entre les mains du créateur de contenu, article après article, ce sont précisément les images qu’il choisit d’y mettre. C’est ce qui rend ce travail de compression et de choix de format particulièrement rentable sur ce type de site : il n’y a pas grand-chose d’autre à optimiser une fois le thème et l’hébergement en ordre.
À lire aussi : Polices distantes WordPress
Foire aux questions
Le format AVIF ou WebP va-t-il remplacer complètement le JPEG ?
Pas dans l’immédiat. Le JPEG reste compatible avec tous les navigateurs et tous les usages (impression, partage). WebP et AVIF sont des compléments plus légers pour l’affichage web, mais leur adoption dépend encore de la compatibilité de l’hébergeur et, pour l’AVIF, de certains navigateurs plus anciens.
Le lazy loading peut-il nuire à mon référencement ?
Non, dans son fonctionnement natif WordPress : les moteurs de recherche modernes savent interpréter l’attribut loading="lazy". Le vrai risque serait d’appliquer le chargement différé aux toutes premières images visibles de la page, ce qui peut au contraire pénaliser votre score de vitesse (LCP), c’est l’inverse de l’effet recherché.
Dois-je compresser mes images avant ou après les avoir envoyées dans WordPress ?
Idéalement avant : une image déjà compressée et bien dimensionnée au moment de l’envoi évite à WordPress de stocker un fichier inutilement lourd, même si une extension de compression peut aussi intervenir après coup sur la médiathèque existante.
Les miniatures que WordPress génère automatiquement comptent-elles dans le poids du site ?
WordPress crée effectivement plusieurs tailles de chaque image envoyée (miniature, taille moyenne, grande taille) pour servir la version adaptée à chaque usage. Cela multiplie le nombre de fichiers stockés sur l’hébergement, mais le visiteur ne télécharge que la taille adaptée à son écran, c’est justement ce qui limite le poids réellement chargé par page.
Comment savoir si mon hébergeur accepte l’AVIF ?
Dans le tableau de bord WordPress, menu Outils → Santé du site → onglet Informations → section Gestion des médias : la ligne consacrée à l’AVIF indique si le support est actif sur votre hébergement.
Faut-il une extension pour optimiser ses images sur WordPress ?
Ce n’est pas obligatoire : une bonne discipline de compression et de redimensionnement avant l’envoi suffit déjà à éviter l’essentiel du problème. Une extension devient utile pour automatiser cette tâche à grande échelle, ou pour convertir en masse une médiathèque existante déjà volumineuse.
Quelle taille d’image privilégier pour un article de blog ?
Pour une image affichée en pleine largeur de contenu, une largeur de 1200 à 1600 pixels est largement suffisante sur la plupart des thèmes, y compris pour les écrans à haute densité de pixels. Au-delà, le poids supplémentaire n’apporte aucun gain visible pour le lecteur.
Optimiser les images sur WordPress ne demande ni compétence technique poussée ni extension coûteuse : redimensionner et compresser avant l’envoi, préférer WebP quand c’est possible, laisser le lazy loading natif de WordPress faire son travail sans l’appliquer aux toutes premières images de la page, et soigner le texte alternatif de chaque visuel. Sur un thème déjà sobre, c’est souvent le dernier kilomètre qui sépare un site correct d’un site réellement rapide.
Laisser un commentaire