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 pouvant être réduites sont signalées avec le gain potentiel, afin que vous puissiez hiérarchiser les gains les plus importants.

Pourquoi c’est important

Les images représentent généralement la majeure partie du poids d’une page web ; elles constituent donc souvent la plus grande opportunité de performance. Des images surdimensionnées ralentissent l’apparition des pages, ce qui augmente mesurablement l’abandon — surtout sur les connexions mobiles — et coûte à vos visiteurs de la bande passante et de la batterie. La vitesse des pages influe aussi sur le classement dans la recherche via les .

Contrairement à la plupart des travaux de performance, l’optimisation des images implique rarement des compromis : une image correctement compressée a le même aspect et se comporte de la même manière. C’est un gain de performance quasi gratuit.

Comment corriger

Compressez les images signalées. Presque tous les outils d’image peuvent le faire à l’export ; les photographies devraient généralement être en JPEG avec une qualité d’environ 85 %, ce qui réduit fortement la taille du fichier avec une perte visuelle minimale.
Utilisez le bon format : JPEG (ou WebP/AVIF) pour les photographies ; PNG ou SVG pour les logos, les icônes et les illustrations à aplats de couleur. Les formats modernes comme WebP et AVIF les surpassent lorsque votre plateforme les prend en charge.
Automatisez-le. La plupart des , des pipelines de build et des peuvent compresser et convertir les images au téléversement ou à la livraison — corriger le pipeline empêche que le problème ne se reproduise.
Servez les images à la taille à laquelle elles sont affichées, en utilisant des images adaptatives (srcset) plutôt que d’envoyer une 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

Recueille les images effectivement chargées par chaque page.
Recompresse chaque image avec des techniques adaptées à son format : JPEG progressif à 85 % de qualité, recompression PNG avec et sans perte, des SVG et réoptimisation des GIF.
Compare le meilleur résultat à l’original. Une image n’est signalée que lorsque le gain est significatif : plus de 20 % plus petite et plus de 40 KB économisés.
Indique la réduction possible pour chaque image, afin que les plus grands gains ressortent.

Dépannage

L’image semble déjà compressée

Le gain signalé est mesuré, pas estimé — Silktide a effectivement produit un fichier plus petit. Les raisons courantes pour lesquelles une image apparemment optimisée peut encore gagner 20 % incluent des 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, donc si une image signalée est passée par votre CDN, cette optimisation n’a soit pas été appliquée, soit 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 40 KB de l’optimal ne sont pas signalées. Si un gain rapporté vous paraît mineur, rappelez-vous qu’il s’applique à chaque vue de page de chaque visiteur.