PageSpeed Insights, l'outil gratuit de Google, reste la référence pour diagnostiquer les problèmes de performance d'un site. Les recommandations liées aux images y occupent souvent une place importante. Voici comment les lire et y répondre efficacement.

Comprendre le score affiché

PageSpeed Insights attribue une note sur 100, calculée à partir de plusieurs indicateurs techniques, dont le LCP évoqué plus haut. Ce score est fourni séparément pour mobile et pour ordinateur, le mobile étant généralement plus exigeant en raison de connexions réseau moins performantes.

Un score en dessous de 50 indique des marges d'amélioration importantes ; entre 50 et 90, des optimisations ciblées restent utiles ; au-delà de 90, le site est déjà bien optimisé sur les critères mesurés.

Les recommandations liées aux images à surveiller

  • « Fournir des images de nouvelle génération » : suggestion de convertir les JPEG et PNG existants en WebP ou AVIF
  • « Dimensionner correctement les images » : indique que des images sont affichées plus petites que leur résolution réelle, un signal direct de redimensionnement manquant
  • « Différer le chargement des images hors écran » : recommandation d'activer le chargement différé (lazy loading) pour les images situées plus bas dans la page
  • « Encoder les images de manière efficace » : signale des images qui pourraient être davantage compressées sans perte de qualité visible

Traiter les recommandations dans le bon ordre

Il est généralement plus efficace de commencer par le redimensionnement et la conversion de format, qui apportent les gains les plus importants, avant de s'attacher au chargement différé, qui améliore la perception de vitesse mais ne réduit pas le poids total transféré sur la durée de la visite.

Vérifier l'amélioration après optimisation

Après avoir compressé et redimensionné les images signalées, relancer l'analyse PageSpeed Insights permet de vérifier concrètement l'amélioration du score et de repérer d'éventuelles images restées non optimisées, notamment celles ajoutées après la dernière vérification.

En résumé

PageSpeed Insights offre un diagnostic précis et gratuit des problèmes liés aux images. Dans la majorité des cas, redimensionner les visuels à leur taille d'affichage réelle et les convertir en WebP suffit à résoudre la plus grande partie des recommandations liées aux images.