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-t-il les images comme optimisables ?
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 de 4 Kio ou plus, Lighthouse signale l'image comme pouvant être optimisée.
Optimiser les images
Vous pouvez optimiser vos images de différentes manières :
- Utiliser des CDN d'images
- Compresser des images
- Remplacer les GIF animés par des vidéos
- Chargement différé des images
- Diffuser des images responsives
- Diffuser des images aux dimensions correctes
- Utiliser des images WebP
Optimiser les images à l'aide d'outils d'interface utilisateur graphique
Une autre approche consiste à exécuter vos images via un outil d'optimisation que vous installez sur votre ordinateur et que vous exécutez en tant qu'interface utilisateur graphique. Par exemple, avec ImageOptim, vous pouvez glisser-déposer des images dans son interface utilisateur. L'outil les compresse ensuite automatiquement sans compromettre la qualité de manière perceptible. 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 que vous utilisez le module natif Responsive Image Styles fourni 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
Vous pouvez envisager d'utiliser un plug-in WordPress d'optimisation d'image pour compresser vos images sans dégrader leur qualité.