Optimisation des images

À propos de ce projet

Les images sont l'endroit où la plupart des sites perdent discrètement leur vitesse, et la solution habituelle consiste à confier le trafic de vos visiteurs à un service d'images ailleurs. Nous préférons éviter : nous avons donc construit la pièce nous-mêmes.

Une image est redimensionnée aux tailles réellement utilisées et réencodée en formats modernes, et le navigateur reçoit le jeu complet pour choisir ce qui convient à son écran. Sur un site rendu côté serveur, cela passe par notre propre endpoint ; sur un site statique, les variantes sont cuites à la compilation. Le même code dans les deux cas : un site n'a pas besoin d'une autre approche selon son déploiement.

C'est une petite brique d'infrastructure à l'effet démesuré, et elle tourne sur chaque site que nous livrons. Les photos de cette page y sont passées avant de vous parvenir.

Points forts

• Formats modernes et bonne taille pour l'écran qui les demande
• Aucun service d'images tiers devant nos visiteurs
• Une seule approche pour les sites rendus côté serveur comme statiques
• En service sur chaque site que nous livrons, celui-ci compris