Aide et documentation
Vitesse Impact moyen Facile 20 à 40 minutes
Formats d'images modernes (WebP/AVIF)
WebP et AVIF sont 25 à 50 % plus petits que JPEG/PNG.
Ce que c’est
WebP et AVIF sont des formats d'image modernes avec une compression nettement meilleure que JPEG/PNG pour la même qualité. Tous les navigateurs actuels les prennent en charge.
Pourquoi c’est important
Les images ont tendance à représenter la plus grande partie du poids d’une page. Le passage à WebP/AVIF permet d'économiser des dizaines de pour cent de données sans perte de qualité visible – une accélération directe.
Comment faire
- 1Convertissez les images en WebP (universel) ou AVIF (encore plus petit).
- 2Utilisez <picture> avec une solution de repli pour être en sécurité.
- 3Automatisez la conversion dans le build / via un CDN avec transformation d'image.
- 4En même temps, redimensionnez-le aux dimensions réellement nécessaires.
Exemple
Correct
<picture>
<source srcset="photo.avif" type="image/avif">
<source srcset="photo.webp" type="image/webp">
<img src="photo.jpg" alt="..." width="800" height="600">
</picture>Conclusion
Les formats modernes constituent l’un des moyens les plus efficaces de réduire le poids des pages. Idéalement, automatisez la conversion afin qu'il ne s'agisse pas d'un travail manuel pour chaque image. Combinez avec la compression, les dimensions correctes et le chargement paresseux.
Sujets liés