Ce que c'est
Cette vérification examine combien d'images une page charge, et signale les pages avec un nombre inhabituellement élevé, car chaque image supplémentaire est un fichier de plus que le navigateur doit télécharger avant que la page ait fini de charger complètement. Il ne s'agit pas de dire que les images sont intrinsèquement mauvaises — elles sont souvent essentielles au design et au contenu d'une page — mais spécifiquement de l'effet cumulé du chargement d'un très grand nombre d'entre elles en même temps.
L'impact pratique d'un nombre élevé d'images se ressent bien plus nettement sur mobile que sur bureau, car les connexions mobiles (même les bonnes) sont généralement plus lentes et moins régulières qu'une connexion Wi-Fi ou filaire à la maison ou au bureau.
Pourquoi c'est important
Chaque image ajoute à la quantité totale de données que l'appareil d'un visiteur doit télécharger avant que la page soit pleinement utilisable, et sur une connexion de données mobile en particulier, ce temps de téléchargement peut s'allonger sensiblement par rapport à la même page qui charge presque instantanément sur une connexion bureau rapide. Un visiteur qui attend sur une page lente et chargée d'images sur son téléphone est nettement plus susceptible d'abandonner et de partir avant qu'elle ne finisse de charger, comparé à une page plus légère qui devient utilisable bien plus vite.
C'est un cas où corriger le problème ne signifie pas nécessairement retirer du contenu auquel le visiteur tient — il s'agit bien plus souvent de la façon dont ces images sont livrées (leur taille de fichier, et si elles se chargent toutes immédiatement) que de devoir les supprimer entièrement.
Comment le corriger
- Compte combien d'images se chargent immédiatement sur la page, et repère celles dont la taille de fichier est inhabituellement élevée (les outils de développement de ton navigateur peuvent l'afficher pour chaque image).
- Compresse les images volumineuses avec un outil de compression d'images gratuit avant de les mettre en ligne — cela réduit souvent la taille du fichier de façon spectaculaire sans perte de qualité visible.
- Ajoute le chargement différé (lazy loading) aux images situées plus bas sur la page (hors de ce qui est visible sans défiler), pour qu'elles ne se chargent que lorsqu'un visiteur défile réellement à proximité, plutôt que toutes en même temps à l'ouverture de la page.
- La plupart des créateurs de site et plateformes CMS modernes prennent en charge le chargement différé via un simple interrupteur, ou automatiquement par défaut — vérifie tes réglages d'images ou de performance avant de l'ajouter manuellement.
- Retest le temps de chargement mobile de la page après les modifications, idéalement sur une vraie connexion mobile plutôt que sur le Wi-Fi rapide du bureau.