Les images représentent souvent plus de 50% du poids d’une page web. Mal optimisées ou mal servies, elles deviennent un goulot d’étranglement pour les performances (notamment le LCP) et l’expérience utilisateur…
Pourtant, gérer les images ne se limite pas à choisir entre JPEG, WebP ou AVIF : cela touche aussi à l’architecture du projet.
Dans ce talk, nous partagerons notre retour d’expérience sur la gestion des images dans des projets web : formats adaptés, responsive, lazy load, automatisation de l’optimisation dans la chaîne de build, mais aussi choix d’architectures pour servir efficacement les assets.
Nous verrons plusieurs approches : génération statique vs dynamique, utilisation de CDN, stratégies de cache, et pipelines d’images capables de s’adapter aux différents devices.
À travers des exemples concrets et des démos, nous montrerons les pièges les plus courants et les solutions qui ont réellement fait leurs preuves en production.
Que vous soyez développeur débutant ou confirmé, vous repartirez avec des bonnes pratiques, des outils et des pistes architecturales pour transformer vos images d’ennemis invisibles de la performance… en atout majeur pour vos utilisateurs.