Un site lent, c'est rarement l'hébergement
Vous êtes fier de vos photos. Le photographe a bien travaillé, les fichiers sont nets, en haute définition, prêts pour l'impression. Ils partent tels quels dans le site, et sur votre ordinateur relié à la fibre tout s'affiche instantanément. Vous concluez que le site est rapide.
Votre visiteur, lui, est dans le tram, sur un téléphone, avec un réseau qui hésite. Il clique, il attend, il regarde un écran blanc. Puis son pouce remonte vers la flèche retour et il repart sur Google. Il ne vous écrira jamais pour vous signaler que votre page d'accueil pesait le poids d'un dossier entier. Vous ne verrez qu'une seule chose dans vos statistiques : du trafic, peu de demandes.
C'est la panne la plus répandue et la moins diagnostiquée. Quand un client nous dit « mon site rame », nous regardons les images avant toute autre chose. Neuf fois sur dix, la réponse est là.
Comment reconnaître un site alourdi par ses images
Vous n'avez pas besoin d'un audit technique pour avoir un premier soupçon. Ces signaux suffisent.
La page d'accueil s'affiche par morceaux : le texte d'abord, puis les photos qui apparaissent une à une pendant plusieurs secondes.
Le site est « rapide au bureau, lent au téléphone ». C'est le symptôme le plus parlant : la différence, c'est la bande passante.
Le contenu saute pendant le chargement : vous cliquez sur un bouton, une image finit de charger, et le bouton s'est déplacé.
Votre galerie ou votre page « réalisations » est nettement plus lente que le reste. C'est celle qui empile le plus de fichiers.
La vérification tient en trente secondes et ne demande aucune compétence : sur votre ordinateur, clic droit sur une image de votre site, « propriétés » ou « lire les informations », et regardez le poids du fichier. S'il s'exprime en méga-octets, vous demandez à chaque visiteur de télécharger l'équivalent d'un gros document avant de lire votre première phrase.
Pourquoi une photo de 4 Mo n'a rien à faire là
Deux notions se confondent souvent, et c'est de cette confusion que naissent les sites lents.
Les dimensions, ce sont les pixels : la largeur et la hauteur réelles de l'image. Un appareil photo récent produit des fichiers largement plus larges que n'importe quel écran. Cette image immense est ensuite affichée par le navigateur dans un cadre de quelques centaines de pixels. Le visiteur télécharge la totalité, puis son téléphone la réduit pour l'afficher. Il a payé le plein tarif en données pour voir une vignette.
Le poids, ce sont les octets : ce qui transite réellement par le réseau. Une photo de 4 Mo, c'est quatre secondes de chargement sur une connexion mobile moyenne — pour une seule image. Multipliez par les six ou huit visuels d'une page d'accueil, et vous comprenez d'où vient l'écran blanc.
La correction, elle, n'est pas un compromis douloureux. Redimensionner une image à sa taille réelle d'affichage, puis la compresser, divise son poids dans des proportions spectaculaires sans que l'œil humain perçoive quoi que ce soit sur un écran. Nous le faisons sur chaque projet, systématiquement, et aucun client ne nous a jamais dit « mes photos sont moins belles qu'avant ». En revanche, plusieurs nous ont dit « le site va beaucoup plus vite ».
Chaque format a un usage, pas un classement
Il n'existe pas de « meilleur format ». Il existe des situations. Voici ce que nous utilisons et pourquoi — non pas pour que vous le fassiez vous-même, mais pour que vous sachiez juger le travail qu'on vous livre.
| Format | Pour quoi | Ce qu'il faut savoir |
|---|---|---|
| JPEG | Photographies, ambiances, portraits | Le classique. Compresse bien les images riches en nuances, mais ne gère pas la transparence. |
| PNG | Visuels avec fond transparent, captures d'écran | Très lourd dès qu'on l'utilise pour une photo. C'est l'erreur la plus fréquente que nous corrigeons. |
| WebP | À peu près tout, aujourd'hui | Conçu pour le web : qualité équivalente, poids nettement inférieur. Lu par tous les navigateurs actuels. |
| SVG | Logos, pictogrammes, formes simples | Ce n'est pas une image mais un dessin vectoriel : net à toutes les tailles, poids dérisoire. |
Le cas le plus coûteux que nous rencontrons en refonte : un logo enregistré en PNG haute définition, affiché dans un en-tête de quelques dizaines de pixels de haut, présent sur toutes les pages du site. Un seul fichier mal choisi qui ralentit l'intégralité de la navigation.
Le résultat concret d'images propres
Optimiser les images d'un site web n'est pas un raffinement de technicien. C'est ce qui sépare un visiteur qui lit votre page d'un visiteur qui ne la verra jamais.
- La page s'affiche avant que le doigt ne remonte vers la flèche retour — c'est tout l'enjeu.
- Votre site consomme moins de données mobiles, ce qui compte pour les visiteurs en déplacement ou en zone mal couverte.
- Google mesure la vitesse de chargement et en tient compte dans son classement. À contenu égal, le site rapide passe devant.
- Vos images deviennent elles-mêmes une source de trafic : bien nommées et bien décrites, elles remontent dans la recherche d'images.
- Les personnes qui naviguent avec un lecteur d'écran comprennent enfin ce que montrent vos visuels.
- Votre hébergement respire : moins de bande passante consommée, moins de risque de saturation lors d'un pic de visites.
Le champ que tout le monde laisse vide
Chaque image d'un site possède un champ de description, le texte alternatif — souvent appelé « alt ». Il est invisible pour la plupart de vos visiteurs, et c'est précisément pour ça qu'il est presque toujours abandonné.
Il sert pourtant trois publics bien réels. D'abord les personnes déficientes visuelles, dont le lecteur d'écran énonce ce texte à voix haute : sans lui, elles entendent « image » et passent. Ensuite Google, qui ne sait pas regarder une photo mais sait lire sa description, et qui s'en sert pour comprendre votre page autant que pour alimenter sa recherche d'images. Enfin, tout visiteur dont la connexion a échoué à charger le visuel : le texte alternatif s'affiche à la place.
Un bon texte alternatif décrit ce que l'on voit, simplement, comme si vous le racontiez à quelqu'un au téléphone. Pas de liste de mots-clés, pas de « photo de », pas de nom de fichier laissé tel quel. Sur un site de domaine viticole, « chai de vieillissement en barriques du château, Médoc » vaut infiniment mieux que « IMG_4471 ».
Ce qu'on trouve dans presque tous les sites
Des noms de fichiers bruts sortis de l'appareil photo : DSC_0912, capture-ecran-3, sans-titre-final-v2.
Des noms de fichiers lisibles, qui décrivent le contenu et reprennent le vocabulaire de votre métier.
Un texte alternatif bourré de mots-clés empilés, qui n'aide personne et que Google identifie comme une manipulation.
Une phrase courte et honnête qui décrit l'image, avec le vocabulaire naturel de votre activité.
Le même visuel d'en-tête en très haute définition rechargé sur chaque page du site.
Des visuels calibrés une fois pour toutes, mis en cache, qui ne se rechargent pas de page en page.
Pourquoi nous le faisons à la main
Il existe des extensions qui compressent automatiquement tout ce qui entre dans un site. Nous en utilisons, mais nous ne leur faisons pas confiance seules. Un outil automatique applique le même traitement à une photo de plat, à un logo et à un plan d'accès : il dégrade ce qui devait rester net et laisse passer ce qui aurait dû être allégé.
Sur nos projets de création de site, chaque visuel est repris : dimensions ajustées à son emplacement réel, format choisi selon sa nature, compression réglée à l'œil, texte alternatif rédigé. Ce n'est pas glorieux et ça ne se voit pas. C'est exactement pour cette raison que beaucoup de prestataires sautent l'étape.
« Une image bien préparée, personne ne la remarque. Une image mal préparée, personne ne la voit — parce que le visiteur est déjà parti. »
Le vrai risque est ensuite dans la durée. Un site livré propre s'alourdit page après page si vous publiez des actualités avec des photos sorties du téléphone. C'est pour cette raison que la question des images fait partie de ce que nous transmettons en maintenance, et que nous proposons une formation à 150 € HT par item pour que vous publiiez en autonomie sans dégrader votre site.
Regardez d'abord votre page d'accueil
Si vous ne deviez faire qu'une chose : ouvrez votre page d'accueil sur votre téléphone, en 4G, hors wifi. Comptez les secondes avant que le premier visuel n'apparaisse. C'est l'expérience réelle de la majorité de vos visiteurs, pas celle de votre écran de bureau.
Si le résultat vous gêne, le problème est identifié et il se corrige. Nous auditons les images d'un site existant dans le cadre d'une refonte ou d'un contrat de maintenance, à partir du Pack Essentiel à 32 € HT par mois. Pour une création complète, la préparation des visuels est incluse : nos tarifs vont de 990 € HT pour une page à 3 060 € HT pour dix pages, en dégressif, avec −8 % au comptant et −4 % sur douze mois.
Tout est chiffrable à l'avance sur notre calculateur de devis, ou en nous écrivant directement.
Pour aller plus loin
Comment savoir si les images de mon site sont trop lourdes ?
Est-ce que compresser mes photos va abîmer leur qualité ?
Faut-il mettre un texte alternatif sur toutes les images ?
Le poids des images influence-t-il vraiment le référencement Google ?
Dois-je refaire tout mon site pour corriger le problème des images ?
Comment éviter que mon site se réalourdisse quand je publie moi-même ?
Explorer nos services
Prêts à Récolter les fruits d'une bonne com ?
Une visibilité qui se construit, se mesure et vous appartient : votre entreprise mérite d'être trouvée.
