Pourquoi mes photos se chargent-elles très lentement, voire pas du tout, sur mobile ?

Vous ouvrez votre site sur votre téléphone, vous attendez, et la photo de votre produit s'affiche en retard, se charge morceau par morceau ou, pire, reste un carré vide. Sur l'ordinateur portable tout semble parfait, mais votre client, lui, est sur mobile, souvent en données mobiles, dans la rue ou dans une salle d'attente.

La bonne nouvelle : le problème a presque toujours une cause concrète et, dans la plupart des cas, se règle sans reconstruire le site. Je vous explique ici les quatre vraies raisons pour lesquelles les images se chargent mal ou pas du tout sur mobile, et comment vérifier chacune vous-même, même sans être technique. À la fin, je vous dis quoi faire ensuite.

La raison principale : les photos sont beaucoup trop lourdes

La cause la plus fréquente n'a rien à voir avec le téléphone, mais avec la photo. Un appareil ou un téléphone moderne produit des images de plusieurs mégaoctets chacune. Si vous téléchargez la photo telle quelle sur le site, exactement comme elle est sortie du téléphone, le navigateur mobile doit récupérer tout ce fichier énorme sur une connexion souvent bien plus lente que le wi-fi de la maison.

Comment vérifier : enregistrez la photo du site sur votre ordinateur et regardez sa taille. Si une seule image dépasse un mégaoctet, elle est trop lourde pour le web.

Ce qu'il faudrait : une photo bien préparée pour le web pèse en général quelques centaines de kilooctets au plus, dans un format moderne (WebP ou AVIF), redimensionnée à la largeur réelle d'affichage. Visuellement identique, mais elle se charge quasi instantanément.

L'image "cassée" : mauvais lien ou fichier déplacé

Quand vous voyez un carré vide, une icône d'image cassée ou juste un texte à la place de la photo, ce n'est pas un problème de vitesse, mais un lien mort. La photo existe dans le code, mais pas à l'adresse que la page cherche.

Causes typiques :

• Le fichier a été supprimé, renommé ou déplacé dans un autre dossier après la publication.
• La photo était hébergée sur un autre site ou un compte qui n'existe plus.
• L'adresse contient des majuscules ou des espaces écrits différemment du fichier réel (les serveurs distinguent Photo.JPG et photo.jpg).

Un indice utile : si la photo manque à la fois sur téléphone et sur ordinateur, c'est presque sûrement un lien cassé, pas la vitesse. Si elle s'affiche sur l'ordinateur mais manque sur mobile, la cause est en général autre, voir plus bas.

Le lazy-load : des images qui ne se chargent qu'en arrivant dessus

Les sites modernes utilisent une technique appelée lazy-load : les images situées plus bas dans la page ne se téléchargent pas tout de suite, mais seulement quand vous défilez vers elles. Bien faite, elle économise des données et accélère le premier affichage.

Le souci arrive quand elle est mal configurée. Sur mobile, où l'on défile vite avec le pouce, la photo n'a pas le temps de se charger avant que vous ne la voyiez : elle reste vide une seconde ou deux, puis apparaît brusquement. Parfois un plugin d'optimisation appliqué trop agressivement provoque exactement cet effet désagréable, surtout sur les connexions lentes.

Comment le reconnaître : sur ordinateur avec un bon débit tout est fluide, mais sur le téléphone les photos apparaissent par "à-coups" au défilement. La solution n'est pas de désactiver totalement le lazy-load, mais de laisser l'image importante du haut (la première que voit le client) se charger immédiatement, et le reste progressivement.

Comment vérifier soi-même, en quelques minutes

Pas besoin de logiciels compliqués pour comprendre ce qui se passe :

• Ouvrez le site sur votre téléphone, mais en données mobiles, pas en wi-fi. C'est ce que voit le vrai client.
• Enregistrez quelques photos et vérifiez la taille du fichier. Plus d'un mégaoctet par image est un signal clair.
• Comparez : la photo manque-t-elle aussi sur l'ordinateur ? Alors c'est un lien cassé. S'affiche-t-elle sur l'ordinateur mais traîne sur mobile ? Alors c'est la taille ou le lazy-load.
• Testez la page avec un outil gratuit de mesure de vitesse (PageSpeed Insights de Google). Il vous dit directement si les images sont trop lourdes ou dans un format ancien.

Ces quatre vérifications vous montrent le plus souvent, sans deviner, dans laquelle des trois catégories vous vous trouvez.

Quoi faire ensuite

S'il ne s'agit que de quelques photos, vous pouvez les redimensionner et les compresser vous-même avec un outil gratuit, puis les recharger. Si tout le site est rempli d'images lourdes ou que vous voyez des carrés vides partout, c'est plus qu'une corvée d'une soirée et cela mérite d'être fait proprement.

C'est ainsi que nous travaillons chez MPO Web Studio : nous préparons les images dans un format moderne, aux bonnes dimensions pour le mobile, et configurons le lazy-load pour que la première photo apparaisse instantanément et que le reste s'enchaîne en douceur. Nous travaillons à distance, dans tout le pays, avec des tarifs annoncés clairement à l'avance, et pour les nouveaux clients nous réalisons d'abord une version démo gratuite, afin que vous voyiez le résultat avant de décider.

Si vous le souhaitez, envoyez-nous un message WhatsApp avec l'adresse de votre site et nous vous dirons honnêtement lequel des trois problèmes vous avez et combien de temps il faudrait pour le régler.