Maxime GUINARD fondateur de Devsource Audit initial offert
Maxime GUINARDDéveloppeur web & SEO
Technique

Images trop lourdes sur WordPress : comment les optimiser

Redimensionner avant de compresser : une photo de 4000 pixels affichée sur 800 gaspille l’essentiel de son poids, quelle que soit la compression.

Par Maxime GUINARD Publié le 7 min de lecture

Illustration de l’article : Images trop lourdes sur WordPress

Réponse courte

Redimensionner avant de compresser : c’est là que se trouve l’essentiel du gain. Convertissez ensuite en WebP, déclarez les dimensions, et n’appliquez jamais le chargement différé à l’image du premier écran.

Sur la plupart des sites que j’audite, les images représentent entre soixante et quatre-vingts pour cent du poids total d’une page. C’est le premier levier, et celui qui demande le moins de compétences techniques.

Votre site est concerné ?

Je regarde votre situation et je vous dis en vingt minutes ce qui mérite d’être corrigé en priorité.

Demander un diagnostic

Redimensionner avant de compresser

L’erreur la plus coûteuse est de compresser une image sans la redimensionner. Une photo de 4000 pixels de large affichée dans un bloc de 800 pixels transporte vingt-cinq fois plus de données que nécessaire, et aucune compression ne rattrape cela.

La règle : redimensionner à la taille maximale d’affichage, en tenant compte des écrans à haute densité — soit environ le double de la taille d’affichage, pas davantage.

Les formats modernes

Le WebP réduit typiquement le poids de vingt-cinq à trente-cinq pour cent par rapport au JPEG à qualité équivalente. L’AVIF fait mieux encore, avec une prise en charge désormais large.

WordPress gère nativement le WebP depuis plusieurs versions. Des extensions convertissent la médiathèque existante et servent automatiquement le bon format selon le navigateur.

  • Redimensionner à la taille d’affichage réelle
  • Convertir en WebP ou AVIF
  • Déclarer width et height sur chaque balise
  • Charger en différé tout sauf le premier écran
  • Utiliser srcset pour servir la bonne taille selon l’appareil
Animation explicative : Images trop lourdes sur WordPress
Comparaison de poids d’une même photo : originale, redimensionnée, puis convertie en WebP. Le redimensionnement apporte l’essentiel du gain.
Outil intégré

Analyseur de poids des images

Listez vos images les plus lourdes avec leur poids en Ko (visible dans l’onglet Réseau, triées par taille décroissante) pour estimer le gain d’une conversion WebP/AVIF.

Génération instantanée dans votre navigateur : aucune donnée n’est transmise ni enregistrée.

Gain par levier
LevierGain de poids typiqueDifficulté
Redimensionner à la taille d’affichage 60 à 90 % Faible
Convertir en WebP 25 à 35 % supplémentaires Faible avec une extension
Convertir en AVIF 35 à 50 % supplémentaires Moyenne
Déclarer les dimensions Aucun sur le poids Très faible, gain sur la stabilité
Chargement différé Aucun, mais affichage accéléré Automatique dans WordPress
Vous préférez déléguer ?

Je peux appliquer directement ces corrections sur votre site plutôt que vous laisser une liste de recommandations.

Voir mes prestations

Les dimensions déclarées

Ce n’est pas une optimisation de poids mais de stabilité : sans dimensions, le navigateur ne sait pas quelle place réserver, et le contenu saute quand l’image arrive. C’est la première cause de mauvaise note sur la stabilité visuelle.

La correction est purement mécanique et sans risque : ajouter les attributs width et height sur chaque image.

Le chargement différé, avec une exception

WordPress applique le chargement différé automatiquement. Il ne faut surtout pas l’appliquer à l’image du premier écran : celle-ci doit se charger en priorité, puisqu’elle est précisément l’élément mesuré pour la vitesse d’affichage.

C’est une erreur fréquente des extensions d’optimisation trop agressives, qui différent tout sans distinction.

Compresser sans redimensionner, c’est optimiser les derniers pour cent en ignorant les premiers quatre-vingts.

Ce qu’il faut retenir

Redimensionnez d’abord, convertissez ensuite. Déclarez les dimensions sur chaque image, et excluez la première du chargement différé. Ces quatre gestes couvrent l’essentiel du gain accessible sur les images.

Convertir automatiquement toute la médiathèque

Avantages

  • Traite l’ensemble des images existantes d’un coup
  • Sert le bon format selon le navigateur
  • Aucune modification du contenu à effectuer
  • Gain immédiat sur toutes les pages

Inconvénients

  • Conversion longue sur une médiathèque volumineuse
  • Espace disque doublé si les originaux sont conservés
  • Qualité parfois dégradée sur les visuels de marque
  • Dépendance à l’extension pour servir les formats

Optimiser les images d’un site

0 sur 5 points validés

Cochez au fur et à mesure : votre avancement reste sur cet appareil, rien n’est envoyé et aucun compte n’est nécessaire.

Questions fréquentes

Quelle taille maximale pour une image de bannière ?

Environ 1920 pixels de large suffit pour la quasi-totalité des écrans. Au-delà, le gain visuel est nul et le poids augmente fortement.

Le WebP est-il compatible partout ?

Oui, tous les navigateurs actuels le prennent en charge. Les extensions de conversion servent de toute façon le format d’origine aux rares navigateurs qui ne le gèrent pas.

Faut-il conserver les images originales ?

Oui, sur un stockage externe si l’espace manque. Vous en aurez besoin lors d’une refonte, ou si la conversion s’avère trop agressive sur certains visuels.

Sources et vérifications

Gains mesurés sur les optimisations d’images que je réalise. Ils varient selon la qualité des sources.

Passons à votre cas

Décrivez votre situation en quelques lignes. Réponse sous 24 heures, sans engagement ni relance commerciale.

Parler de mon projet
Sur le même sujet

Articles associés

Ces articles traitent la même thématique : technique.

Technique · 7 min

WordPress lent : diagnostic

Un serveur performant exécute plus vite du code inutile. Si le site charge quatre-vingts requêtes, il en char…

À lire ensuite

Autres articles

Contact direct

Racontez-moi ce que vous venez de lire

Un objectif, un budget approximatif, une échéance : avec ces trois éléments je peux déjà vous orienter, même si nous ne travaillons pas ensemble.

maxime@devsource.fr 06 65 13 24 36

Vos coordonnées ne servent qu’à vous répondre. Aucun partage, aucune inscription à une liste.

Retours clients

Ce que disent les personnes accompagnées

4,8/5 sur Google · Avis publiés sur la fiche Google Devsource Avis Google · Devsource, l’agence que j’ai fondée

Logo Google

Maxime est d’un grand professionnalisme, d’une grande créativité pour nous aider et surtout créer le site de notre association. Ravi d’avoir été mis en relation avec lui.

Julien-Benoit Birman

Logo Google

Travail de qualité et dans les délais promis. Maxime est réactif, propose des ajustements pertinents et livre un travail soigné. Exactement ce que je cherchais.

Olivier Opron

Logo Google

Maxime a su m’accompagner dans l’optimisation de mon site Shopify pour améliorer ses performances SEO. En plus d’apporter des recommandations, il est pédagogue.

Raphael Macquin

Logo Google

Maxime est réactif, pédagogue et sait anticiper les besoins pour optimiser au mieux la stratégie. Travailler avec lui a été un vrai plus, je recommande sans hésiter.

Romain Bergé

Logo Google

Un pro du WordPress. Ses compétences, la compréhension des besoins ainsi que sa pédagogie permettent une grande fluidité menant à bien les projets.

Nicolas Le Couteur

Logo Google

Personne compétente et professionnelle. Très investi pour son client.

Dominique Descottes

Logo Google

Un accompagnement au top du début à la fin. Des réponses claires à chacune de mes questions et un résultat parfaitement conforme à ce qui était annoncé. Merci.

Ondine Soria

Logo Google

Travail parfait, rien à redire. Maxime prend le temps d’expliquer ses choix et reste disponible même après la livraison du projet.

Lahcen Oulalite

Logo Google

Un travail impeccable du début à la fin. Maxime comprend vite le besoin et propose des solutions auxquelles je n’aurais pas pensé. Je recommande sans réserve.

Robin Gomez

Logo Google

Maxime connaît très bien les problématiques de référencement liées à la création d’un site sur WordPress. Plusieurs échanges avec lui m’ont fait gagner un temps précieux.

JM Delaunay

Logo Google

J’avais un site qui ne remontait sur rien. Après l’audit et les corrections, les demandes de devis ont repris. Explications claires à chaque étape.

Camille Fontaine

Logo Google

Refonte complète de notre site sans perdre notre référencement, exactement comme annoncé. Le suivi après la mise en ligne a fait la différence.

Thomas Berger

Logo Google

Très bonne écoute et beaucoup de pédagogie. Maxime ne vend pas ce dont on n’a pas besoin, et il le dit quand une dépense n’est pas justifiée.

Sophie Lemarchand

Logo Google

Site livré dans les délais, rapide et facile à mettre à jour moi-même grâce à la formation incluse. Le rapport qualité-prix est excellent.

Karim Benali

Lire tous les avis

Votre prochain mouvement

Votre visibilité ne devrait rien laisser au hasard.

Parlez-moi de votre objectif. Je vous réponds avec un premier diagnostic clair, sans jargon inutile et sans engagement.

Recevoir mon audit gratuit