Une grande photo peut être belle dans l'éditeur et coûteuse à télécharger sur un téléphone. Quand un site WordPress est lent, les images sont un premier élément à vérifier, surtout sur l'accueil et les fiches produits. Le but n'est pas de compresser tout jusqu'à rendre les photos floues. Il est d'envoyer une image adaptée à sa place dans la page.
Trouver l'image qui gêne vraiment
Ouvrez l'URL lente sur mobile, puis utilisez les outils du navigateur ou un test de performance pour voir les ressources chargées. Notez le poids et les dimensions de la première grande image, puis de celles qui suivent. Une couverture affichée sur 400 pixels de large ne devrait pas forcément être envoyée avec une largeur de plusieurs milliers de pixels. Regardez aussi si la page charge immédiatement des images situées très bas.
Les mesures Web Vitals expliquées par web.dev aident à distinguer l'affichage initial, la stabilité de la page et la réactivité. Gardez la même URL et des conditions de test comparables avant et après la correction. Un score obtenu une fois ne démontre pas que tous les visiteurs vivent la même expérience.
Préparer un fichier à la bonne taille
Partez de la zone d'affichage prévue. Une photo de produit principale demande assez de détail pour permettre de juger la matière ; une vignette de liste peut être plus petite. Exportez un format adapté, puis vérifiez visuellement le texte ou les détails importants. Les formats modernes peuvent réduire le poids, mais la qualité et la compatibilité doivent être contrôlées sur le site réel.
Évitez d'étirer un petit fichier pour remplir une grande bannière. Si l'image source est mal cadrée, retravaillez le cadrage avant la compression. Sur mobile, une photo horizontale peut couper le produit ; la solution est parfois une composition différente et non un taux de compression plus fort. Le client doit encore comprendre l'offre après l'optimisation.
Vérifier ce que WordPress sert réellement
WordPress peut produire différentes tailles d'une image téléversée. Pourtant, le thème ou un constructeur de page peut demander une version trop grande. Inspectez l'image réellement téléchargée dans le navigateur, pas seulement sa taille dans la médiathèque. Testez l'accueil, un article et une page produit ; chaque modèle peut utiliser des réglages différents.
Si vous utilisez une extension d'optimisation, faites une sauvegarde et testez quelques pages avant un traitement en masse. Vérifiez les transparences, les textes intégrés dans des schémas et les images de partage. Une automatisation qui rend un diagramme illisible fait gagner des octets au mauvais endroit.
Garder le contenu accessible et stable
Ajoutez un texte alternatif qui décrit l'information portée par l'image lorsque celle-ci est utile à la compréhension. Réservez des dimensions dans la mise en page pour éviter les sauts pendant le chargement. Ne retardez pas volontairement l'image principale visible dès l'ouverture de la page ; le chargement différé convient mieux aux images placées plus bas.
Sur une fiche produit, demandez à une personne de retrouver la couleur, la taille ou le détail dont elle a besoin après la compression. Si elle doit zoomer sans obtenir plus d'information, vous avez peut-être trop réduit la photo. La performance sert la décision, pas l'inverse.
Mesurer puis passer au frein suivant
Après avoir corrigé les images prioritaires, refaites le test et vérifiez le parcours de contact ou d'achat. Si la page reste lente, examinez ensuite les extensions, le cache et le serveur. Notre article sur le cache et les extensions WordPress organise cette deuxième étape. Le guide « Auditer et corriger son site » fournit une méthode plus large pour classer les problèmes techniques et vérifier les corrections.
Questions fréquentes
Faut-il compresser toutes les images du site ?
Commencez par les pages et les images qui pèsent le plus dans les parcours importants. Une compression de masse sans contrôle visuel peut abîmer des ressources utiles.
WebP suffit-il à rendre WordPress rapide ?
Non. La taille affichée, le thème, les scripts et le serveur comptent aussi. Un fichier moderne envoyé dans des dimensions excessives peut rester lourd.
Peut-on garder des photos très détaillées ?
Oui lorsque le détail aide l'achat. Proposez une taille adaptée à la vignette et une version plus riche lorsque l'utilisateur ouvre la photo.
