La section "Opportunités" de votre rapport Lighthouse liste toutes les images non optimisées, avec les économies potentielles en kibioctets (Kio). Optimisez ces images pour que la page se charge plus rapidement et consomme moins de données :
Comment Lighthouse signale les images à optimiser
Lighthouse collecte toutes les images JPEG ou BMP de la page, définit le niveau de compression de chaque image sur 85, puis compare la version d'origine à la version compressée. Si les économies potentielles sont supérieures ou égales à 4 Kio, Lighthouse indique que l'image peut être optimisée.
Optimiser les images
Vous pouvez prendre de nombreuses mesures pour optimiser vos images, par exemple :
- Utiliser des CDN d'images
- Compresser les images
- Remplacer les GIF animés par des vidéos
- Chargement différé des images
- Diffuser des images responsives
- Diffuser des images aux dimensions appropriées
- Utiliser des images WebP
Optimiser des images à l'aide d'outils de GUI
Une autre approche consiste à exécuter vos images via un optimiseur que vous installez sur votre ordinateur et exécutez en tant qu'IUG. Par exemple, avec ImageOptim, vous pouvez glisser-déposer des images dans son interface utilisateur, puis elles sont automatiquement compressées sans compromettre sensiblement la qualité. Si vous gérez un petit site et que vous pouvez optimiser manuellement toutes les images, cette option est probablement suffisante.
Squoosh est une autre option. Squoosh est géré par l'équipe Google Web DevRel.
Conseils spécifiques à la pile
Drupal
Vous pouvez envisager d'utiliser un module qui optimise et réduit automatiquement la taille des images importées sur le site sans perdre en qualité. Assurez-vous également d'utiliser les styles d'images responsifs natifs fournis par Drupal pour toutes les images affichées sur le site.
Joomla
Vous pouvez envisager d'utiliser un plug-in d'optimisation d'image pour compresser vos images sans dégrader leur qualité.
Magento
Envisagez d'utiliser une extension Magento tierce qui optimise les images.
WordPress
Pensez à utiliser un plug-in WordPress d'optimisation d'image qui compresse vos images tout en conservant leur qualité.