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.
Je regarde votre situation et je vous dis en vingt minutes ce qui mérite d’être corrigé en priorité.
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
| Levier | Gain de poids typique | Difficulté |
|---|---|---|
| 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 |
Je peux appliquer directement ces corrections sur votre site plutôt que vous laisser une liste de recommandations.
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.
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.
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.
Décrivez votre situation en quelques lignes. Réponse sous 24 heures, sans engagement ni relance commerciale.
