Optimisation des images

Silktide télécharge les images de vos pages et teste si elles peuvent être rendues sensiblement plus petites sans les modifier visiblement. Les images qui pourraient être réduites sont signalées avec l’économie possible, afin que vous puissiez prioriser les gains les plus importants.

Pourquoi c’est important

Les images représentent habituellement la majeure partie du poids d’une page Web; elles constituent donc généralement la plus grande occasion d’amélioration des performances. Des images surdimensionnées ralentissent l’affichage des pages, ce qui augmente de façon mesurable l’abandon — surtout sur les connexions mobiles — et coûte à vos visiteurs de la bande passante et de l’énergie de batterie. La vitesse des pages influe également sur le classement dans les résultats de recherche, via les .

Contrairement à la plupart des travaux d’optimisation des performances, l’optimisation des images implique rarement des compromis : une image correctement compressée a le même aspect et le même comportement. C’est presque de la performance gratuite.

Comment corriger le problème

Compressez les images signalées. Presque tous les outils d’images peuvent le faire à l’exportation; les photographies devraient généralement être en JPEG à une qualité d’environ 85 %, ce qui réduit beaucoup la taille du fichier avec une perte visible minimale.
Utilisez le bon format : JPEG (ou WebP/AVIF) pour les photographies; PNG ou SVG pour les logos, les icônes et les autres illustrations à aplats de couleur. Les formats modernes comme WebP et AVIF surpassent les deux lorsque votre plateforme les prend en charge.
Automatisez le tout. La plupart des , des chaînes de compilation et des peuvent compresser et convertir les images au téléversement ou à la livraison — corriger la chaîne empêche le problème de se reproduire.
Servez les images à la taille à laquelle elles sont affichées, en utilisant des images adaptatives (srcset) plutôt que d’envoyer une seule image énorme à chaque appareil :

<img src="hero-800.jpg"
     srcset="hero-800.jpg 800w, hero-1600.jpg 1600w"
     sizes="(max-width: 800px) 100vw, 800px"
     alt="Vignoble au coucher du soleil">

Comment Silktide teste cela

Recueillez les images que chaque page charge réellement.
Recompressez chaque image avec des techniques adaptées à son format : JPEG progressif à une qualité de 85 %, recompression PNG avec et sans perte, des SVG et réoptimisation des GIF.
Comparez le meilleur résultat à l’original. Une image n’est signalée que lorsque l’économie est significative : plus de 20 % plus petite et plus de 40 Ko économisés.
Indiquez la réduction possible pour chaque image, afin que les économies les plus importantes ressortent.

Dépannage

L’image semble déjà compressée

L’économie signalée est mesurée, pas estimée — Silktide a effectivement produit un fichier plus petit. Parmi les raisons courantes pour lesquelles une image apparemment optimisée peut encore être réduite de 20 % figurent les métadonnées intégrées, un encodage JPEG non progressif et des PNG utilisés pour des photographies.

Nous utilisons un CDN qui optimise les images

Silktide teste ce que la page a réellement servi; si une image signalée est passée par votre CDN, soit cette optimisation n’a pas été appliquée, soit elle n’a pas été suffisante. Vérifiez les paramètres du CDN pour les chemins ou formats concernés.

L’économie semble faible

Les images à moins de 20 % ou de 40 Ko de l’optimum ne sont pas signalées. Si une économie signalée vous paraît minime, rappelez-vous qu’elle s’applique à chaque vue de page de chaque visiteur.