Compression d'image
La compression d'images réduit la taille des fichiers sans altérer sensiblement la qualité visuelle. Les images représentant souvent la plus grande partie du poids d'une page, une compression efficace est l'un des moyens les plus rapides d'améliorer la vitesse d'un site web.
La compression d'image est importante
Les images volumineuses ralentissent le processus :
- temps de chargement de la page
- Performances mobiles
- La plus grande peinture à contenu (LCP)
Constat du secteur : Sur de nombreux sites de contenu et de commerce électronique, les images représentent 50 à 70 % de la taille totale de la page.
Exemple:
Un catalogue en ligne a compressé les images de ses produits et est passé au format WebP. La taille moyenne des pages a diminué de plus de 60 % et le temps de chargement sur mobile est passé de 4,1 s à 2,3 s.
Meilleures pratiques en matière de compression
- Utilisez des formats modernes (WebP ou AVIF)
- Redimensionner les images aux dimensions réelles de l'écran
- Appliquer une compression sans perte ou une compression avec perte contrôlée
- Évitez de servir des images en pleine résolution redimensionnées par CSS.
La compression doit avoir lieu avant le téléchargement, et non seulement lors de la livraison.
Erreurs courantes en matière d'images
- Téléchargement des images brutes de l'appareil photo
- Utilisation du format PNG pour le contenu photographique
- S'appuyer uniquement sur le redimensionnement automatique du CMS