Le poids des images dans l'immobilier
Une fiche bien type contient 20 à 40 photos. À 2 Mo par photo en JPEG haute qualité, cela représente 60 à 80 Mo par fiche. Multiplié par un catalogue de 500 biens, vous obtenez 30 à 40 Go d'images à servir et synchroniser.
Hashing et delta
Chaque image est hashée (SHA-256 du contenu). Si le hash est inchangé, la photo n'est ni re-téléchargée, ni re-traitée. Ts-Immo réduit ainsi la bande passante de 90 % sur les cycles suivants.
Dérivés multi-format
Une seule image source génère plusieurs dérivés : AVIF (le plus compact, navigateurs récents), WebP (large support), JPEG (fallback universel), en plusieurs tailles (thumbnail, medium, large, original).
| Format | Taille typique (1200px) | Support |
|---|---|---|
| JPEG qualité 80 | 180 ko | Universel |
| WebP qualité 80 | 95 ko | 97 % du parc |
| AVIF qualité 50 | 55 ko | 92 % du parc |
CDN et géo-distribution
Servir les images depuis le serveur d'origine est rédhibitoire au-delà de quelques visiteurs simultanés. Un CDN (Cloudflare, Bunny, Fastly) duplique les images dans des points de présence proches des utilisateurs, divisant le temps de chargement par 3 à 5.
Lazy loading et priorité
Toutes les images d'une fiche bien ne sont pas visibles immédiatement. La première photo doit être chargée avec priorité haute (fetchpriority="high"), les suivantes en lazy (loading="lazy"). Cela améliore drastiquement le LCP.
<img src="hero.avif" alt="..." fetchpriority="high" />
<img src="photo-2.avif" alt="..." loading="lazy" />
<img src="photo-3.avif" alt="..." loading="lazy" />Gestion des suppressions
Quand une photo est retirée d'une fiche dans le CRM, elle ne doit pas disparaître immédiatement du CDN : un visiteur peut avoir la page en cache. Ts-Immo conserve les fichiers 30 jours après suppression pour éviter les broken images.
Anti-pattern
Ne jamais hotlinker les images directement depuis le CRM source. Si le CRM tombe, votre site est cassé. Et la majorité des CRM bloquent le hotlink en production.
Métadonnées et accessibilité
Chaque image doit porter un attribut alt descriptif. Pour l'immobilier, un bon alt mêle le type de bien, la ville et le caractère de la pièce ("Salon lumineux d'un appartement à Paris 11e"). C'est un signal SEO et un point d'accessibilité.