Comment BigBasket a optimisé la consommation de bande passante de 25 % pour améliorer son expérience client

En 2020, tout en cherchant des moyens d’améliorer l’expérience globale d’achat en ligne, BigBasket a décidé de s’associer à ImageKit pour améliorer la diffusion des images. Cette transformation a permis d’atteindre les objectifs d’amélioration que l’entreprise s’était fixés et a également ouvert la voie à de nouvelles améliorations de son flux de travail de gestion et d’édition d’images à l’avenir.

Principales conclusions

• Pages et applications 25 % plus légères sans aucune modification du code –�BigBasket a réduit le poids global des pages de 25 % en convertissant automatiquement le format ImageKit au format et la compression WebP, sans modification du code. .
• Images de meilleure qualité :�Grâce aux meilleures capacités d’optimisation et de conversion d’ImageKit, BigBasket a entamé la transition vers des images de meilleure qualité sur le backend pour améliorer l’expérience client.
• Intégration transparente avec le CDN et le stockage existants :�BigBasket a intégré ImageKit au CDN et au stockage existants, ce qui entraîne les mêmes avantages d’optimisation avec un effort d’intégration minimal et aucune interruption du flux de travail interne.
• Économies sur les coûts d’infrastructure :�Les intégrations natives avec son infrastructure, combinées au modèle de facturation simplifié d’ImageKit, ont permis de réduire les coûts de diffusion de contenu de plus de 20 %.
• Préparer les futures améliorations du flux de travail d’images :�Avec ImageKit faisant désormais partie de l’infrastructure, BigBasket prévoit de moderniser et d’automatiser son flux de travail d’édition d’images.

” L’expérience client est primordiale chez BigBasket. Nous cherchions à résoudre le problème de l’optimisation et de la diffusion des images dans le cadre d’un exercice visant à améliorer notre expérience sur les applications et le site Web de BigBasket. Alors que nous étudiions d’autres outils sur le marché et réfléchissions à la création d’une solution en interne, ImageKit est arrivé juste au bon moment. Il a résolu nos principaux problèmes : excellentes performances et optimisation, bonne qualité visuelle, intégration presque sans effort et prix avantageux. Nous n’avons pas eu à envisager une autre alternative après avoir vu la démo d’ImageKit.

– Rupesh Kumar, directeur de l’ingénierie chez BigBasket

Comment BigBasket a-t-il atteint ces résultats ?

Avant d’utiliser ImageKit, BigBasket utilisait déjà le CDN d’Akamai pour son site Web et son application, ainsi que l’un de ses modules d’optimisation d’image intégrés. Cependant, malgré l’utilisation de ce service, BigBasket n’a pas pu bénéficier des meilleures capacités d’optimisation d’image.

“Nous avons manqué des fonctionnalités clés d’optimisation d’image telles que la conversion WebP, le niveau de compression fixe, etc. Cela s’est produit malgré le paiement mensuel d’une somme énorme au CDN », a déclaré Rupesh. “Nous ne voulions pas changer l’intégralité du CDN à ce moment-là, car cela demanderait trop d’efforts à ce stade, mais nous voulions également résoudre ce problème. Nous avons commencé à chercher des solutions. Aucun d’entre eux ne s’est bien intégré à notre CDN ou n’a rencontré d’autres défis d’intégration. Nous avons pensé à en construire un en interne.

À peu près au même moment, ImageKit a contacté BigBasket avec une proposition de valeur unique :�Optimisation d’image sans écrire une seule ligne de code. &Lt ; /a>

Images WebP et compressez-les sans écrire une seule ligne de code

« L’une de nos principales exigences était non seulement de conserver notre CDN, mais également de ne pas apporter de modifications majeures à notre flux de travail d’images interne ou aux URL d’images dans nos applications et nos sites Web. Nous avons des centaines de milliers d’images telles que des images de produits, des bannières, des icônes, etc. Cela aurait signifié de nombreux changements pour nous, de nouvelles versions d’applications prenant en charge les anciennes et les nouvelles URL, et un impact potentiel sur le référencement. L’intérêt d’utiliser un service tiers peut devenir sans importance si nous souhaitons apporter de nombreux changements en interne.

Et c’est ce qu’ImageKit pour BigBasket a résolu. ImageKit peut fonctionner avec n’importe quelle partie de votre infrastructure. Côté stockage, vous pouvez soit stocker vos images dans la bibliothèque multimédia d’ImageKit, soit attacher votre stockage existant tel qu’AWS S3, Google Cloud Storage ou votre serveur à ImageKit pour en fournir des versions optimisées. Du côté de la livraison, vous pouvez soit utiliser ImageKit avec le CDN AWS ​​CloudFront intégré, soit l’intégrer à votre propre CDN tel qu’Akamai, Limelight, Fastly, Google CDN, etc.

“L’équipe ImageKit a travaillé avec nous pour intégrer nos modules de stockage, puis intégrer leurs systèmes à notre CDN, remplaçant ainsi le module d’optimisation d’image de notre fournisseur CDN existant”, a déclaré Nikhil Kesari, directeur de l’ingénierie chez BigBasket. Ils ont également contribué à des tests d’intégration approfondis, garantissant que tout fonctionnait comme prévu sur différents navigateurs. Nous l’avons fait lors d’un appel de partage d’écran d’une heure.

Le résultat a été que sans modifier aucune URL ni aucune partie de son infrastructure sous-jacente, BigBasket a pu fournir des images WebP améliorées sur les navigateurs pris en charge tout en conservant la même qualité visuelle.

“Nous étions sceptiques quant à l’impact que cela aurait sur les performances de téléchargement, en ajoutant un service externe au chemin de livraison, mais la transition s’est très bien déroulée et les performances ont été excellentes.”

– Nikhil Kesari, directeur de l’ingénierie chez BigBasket

Images WebP pour applications mobiles sans nouvelle version

Une grande partie du trafic de BigBasket provient des applications. Étant donné que BigBasket ne demandait pas spécifiquement d’images WebP dans les applications et ne souhaitait pas modifier les URL, les applications ne profitaient pas encore des conversions WebP automatiques d’ImageKit. L’envoi d’une nouvelle version n’aurait pas aidé, car à un moment donné, un grand nombre d’utilisateurs auraient utilisé les anciennes versions de l’application. Le backend était censé gérer les deux formats d’URL, et tout le monde n’aurait pas profité des images WebP.

Sur la base de nos journaux de commandes, l’équipe ImageKit a identifié les appareils mobiles qui prenaient définitivement en charge WebP mais utilisaient des images non WebP. “Ils nous ont ensuite aidés à apporter les modifications correspondantes à notre configuration CDN et à leurs systèmes pour nous aider à diffuser des images WebP sur les applications et sites Web BigBasket”, a déclaré Nikhil.

Réduction de 25 % de la bande passante des images et économies sur les coûts d’infrastructure

Une fois le déploiement terminé sur le Web et sur mobile, BigBasket a constaté une réduction de 25 % de la consommation de bande passante sur le CDN.

« Il s’agit d’une nette victoire en termes d’expérience client. Et comme leur structure tarifaire est basée uniquement sur la bande passante, qui diminue après optimisation, nous finissons également par économiser de l’argent sur notre infrastructure globale de diffusion d’images. « », a noté Rupesh. “Notre équipe peut désormais se concentrer sur d’autres projets importants et ImageKit gère automatiquement toutes les améliorations d’image nécessaires.”

Pas mal pour quelques appels en partage d’écran !

Ouvrir la voie à des images de meilleure qualité et à un flux de travail d’image amélioré

L’intégration avec ImageKit a aidé BigBasket à améliorer l’expérience client en ligne et à réduire la consommation de bande passante. Il a également contribué à ouvrir la voie à des améliorations significatives des flux de travail actuels de gestion et d’édition d’images à l’avenir.

« Ce que nous avons réalisé avec ImageKit ne représente qu’un petit sous-ensemble de ce que propose le produit. Nous sommes impatients d’automatiser une grande partie du processus d’édition et de gestion des images à l’avenir. Dans notre ancien flux de travail, le processus d’édition est en grande partie manuel, puis nous effectuons un redimensionnement en interne avant de stocker les images dans notre stockage cloud. “Nous finirons par éliminer ces étapes au profit du redimensionnement en temps réel à l’aide d’ImageKit, ce qui réduira encore nos efforts et améliorera la qualité finale des images affichées à nos utilisateurs”, a déclaré Rupesh.

BigBasket a déjà commencé à utiliser des images de haute qualité dans son stockage backend. Grâce à la compression efficace et à l’optimisation du format fournies par ImageKit, la taille de sortie reste presque la même qu’auparavant, mais la qualité de l’image a augmenté. Cette qualité améliorée était une autre victoire pour ses clients.

Avec des images réactives en temps réel, la prise en charge du format AVIF, des superpositions dynamiques pour créer des bannières ciblées et de nombreuses autres fonctionnalités d’ImageKit dont BigBasket doit encore profiter, les choses ne feront que s’améliorer dans les mois à venir.

Conclusion

BigBasket, comme beaucoup d’autres grandes entreprises, dispose d’une infrastructure complexe et de plusieurs applications destinées aux utilisateurs. Apporter des modifications à n’importe quelle partie du flux de travail de livraison d’images était difficile et prenait beaucoup de temps. Grâce à ImageKit, BigBasket a atteint son objectif d’améliorer les performances et l’expérience client, de réduire la consommation de bande passante et de réduire les coûts en très peu de temps, sans apporter de modifications de code à la fin. Tout cela, tandis que les développeurs peuvent se concentrer sur d’autres projets commercialement importants.

Si votre entreprise est confrontée à un défi similaire et souhaite améliorer son flux de travail de retouche d’images, son optimisation et sa livraison, avec un minimum d’effort, contactez-nous à�[email protected] &Lt ; /envergure>�Icipour une consultation rapide. Vous pouvez également essayer le produit en créant un compte gratuit�