Comment Nykaa a simplifié la gestion et l’optimisation des images pour son site Web et ses applications

Nykaa
Nykaa est l’un des magasins de commerce électronique à la croissance la plus rapide, proposant des cosmétiques et des produits de beauté. Fondée en 2012, la marque est devenue en moins d’une décennie l’un des acteurs les plus importants du secteur. Quelques faits saillants :
Réduction de 84 % de la bande passante de l’image
Augmentation de 40 % du trafic d’images traité pendant la vente
Plus de 100 millions d’images optimisées en un mois
Développement simplifié de la PWA de Nykaa
Optimisation automatique et sélection du meilleur format

Les problèmes

Nykaa vend plus de 300 000 produits sélectionnés de plus de 1 500 marques différentes. Un seul produit contient environ cinq images, qui doivent être affichées sur des tonnes d’appareils différents sur le Web et sur d’autres appareils. application mobile. Cela signifie plus de 10 millions d’images uniques pour 50 millions de pages vues** chaque mois.

Il est devenu impossible pour leur équipe graphique interne de redimensionner et d’optimiser manuellement chaque image à cette échelle. Ce problème a conduit à la recherche d’une solution évolutive.

Leur équipe technologique avait quelques objectifs en tête :

  1. Ils souhaitaient rationaliser l’ensemble du flux de travail de redimensionnement des images. Le travail manuel faisait perdre un temps précieux à l’équipe créative, un temps qui aurait pu être utilisé pour soutenir d’autres activités marketing en cours.
  2. L’amélioration du score Google PageSpeed ​​était l’un des objectifs. Cela a été possible en optimisant les images et en utilisant le format d’image de nouvelle génération, comme suggéré dans les recommandations.
  3. Ils voulaient avoir un contrôle total sur les actifs d’origine. Plus de 10 millions d’images ont été stockées sur différents stockages d’objets et serveurs. Et transférer ces images à un tiers n’était pas une option lucrative pour eux.
  4. Ils avaient un contrat à long terme avec un fournisseur de CDN et souhaitaient un produit capable de s’intégrer à leur CDN & infrastructure back-end.
  5. Pendant les fêtes de fin d’année et les campagnes commerciales, il n’était pas rare que le trafic sur le site Web atteigne 40 %. Ils avaient besoin d’une solution capable de gérer ces pics de trafic soudains sans problème.
  6. Ils ne souhaitaient pas créer une solution interne pour réduire les coûts de développement et éviter les frais généraux de maintenance continus.

Ils voulaient se concentrer sur la gestion fluide de l’entreprise tandis qu’une solution tierce pourrait gérer tout ce qui précède.

ImageKit.io était la solution idéale !

Nous étions une jeune startup lorsque Nykaa envisageait d’utiliser ImageKit.io. Sans surprise, la disponibilité était l’une de leurs plus grandes préoccupations. Nous étions confiants, mais n’avions aucune preuve à l’époque,�contrairement à aujourd’hui. Pour minimiser les risques, nous avons travaillé avec leur équipe et décidé de déployer l’intégration par étapes. Tout a fonctionné parfaitement comme prévu.

Parlons plus en détail de la manière dont ils ont résolu chaque défi :

Flux de travail d’image plus simple

L’ancien flux de travail d’image impliquait de nombreux redimensionnements et optimisations d’images banals. Avec le redimensionnement en temps réel des images d’ImageKit.io à l’aide de paramètres, tout ce dont ils avaient besoin était une image de produit haute résolution. C’est ça ! Le nouveau flux de travail d’images est donc devenu beaucoup plus simple :

  1. L’équipe créative télécharge une image de produit haute résolution dans le CMS interne.
  2. Les développeurs utilisent�les paramètres d’URL ImageKit.io pour redimensionner les images en fonction de la disposition des différentes sections du site Web et de l’application.

Le redimensionnement en temps réel était assez simple à mettre en œuvre. En ajoutant simplement�tr=w-360 dans l’URL des images de la page de fiche, toutes les images ont été redimensionnées à 360 px de largeur.

https://images-static.nykaa.com/uploads/e1362e70-1d7f-403d-8975-b554b65f59cd.jpg?tr=w-360

 

? En appliquant ces paramètres dans quelques fichiers modèles, des millions d’images existantes étaient désormais livrées dans les dimensions exactes requises par l’appareil côté client. Et s’ils avaient besoin d’une nouvelle variante pour une section particulière, il suffisait aux développeurs de modifier la valeur du paramètre.

ImageKit nous permet de fournir des images optimisées sur le Web et sur mobile avec un minimum d’effort. Nous n’avons pas besoin de beaucoup réfléchir à la compression des images au bon niveau ou à leur livraison dans le bon format. Et cela a simplifié la vie de nos développeurs.
Sanjay Suri
Directeur technique, Nykaa.com

Amélioration du score PageSpeed

Le redimensionnement des images ne suffit pas lorsqu’il s’agit d’optimiser les images. Les rapports Google PageSpeed ​​Insight recommandent d’utiliser des formats d’image de nouvelle génération (WebP).

ImageKit.io fournit automatiquement les images dans�le bon format en fonction de la prise en charge de l’appareil, du contenu de l’image et des paramètres du compte. Cela signifie que désormais toutes les images étaient non seulement redimensionnées de manière appropriée, mais qu’elles étaient également livrées dans le bon format. Cela entraîne une augmentation du score PageSpeed ​​et des performances perçues.

Par exemple,�cette image du site de Nykaa fait environ 110 Ko, tandis que� celui-ci optimisé avec ImageKit ne fait que 42 Ko. Lorsque�redimensionné pour les appareils mobiles, la taille du fichier devient seulement 17,7 Ko.

? Dans l’ensemble, cela s’est traduit par une réduction de plus de 84 % de la taille de l’image sans aucun compromis sur la qualité de l’image perçue. Cela a abouti à une expérience visuelle incroyable.

Intégration avec un CDN personnalisé

Nykaa avait un contrat à long terme avec son fournisseur CDN et souhaitait utiliser ImageKit.io dans le backend pour le redimensionnement et l’optimisation en temps réel.

Par défaut, ImageKit.io propose un CDN global (Amazon CloudFront) mais peut être�intégré aux fournisseurs de CDN populaires.

Notre équipe s’est occupée des modifications finales dans la configuration du CDN externe et s’est assurée que tout fonctionnait comme prévu.

Contrôle des actifs originaux

Plus de dix millions d’images ont été stockées sur différents stockages d’objets et serveurs. Et déplacer ces images vers un seul stockage ou vers un tiers n’était pas le bon choix.

L’l’intégration sécurisée�d’ImageKit.io avec un stockage externe (par exemple, Amazon S3 et le serveur Web) a permis à leur équipe de les attacher stockage externe en quelques minutes. Ils peuvent désormais exploiter la puissance du redimensionnement en temps réel et de l’optimisation automatique sur ces millions d’URL d’images existantes.

? Leur équipe travaillait sur une application Web progressive (PWA). Cette intégration sans effort a accéléré le développement et réduit les délais de commercialisation.

Expertise technique et assistance ponctuelle

Notre équipe a fourni une assistance ponctuelle et une expertise technique pour s’assurer qu’aucun aspect n’est négligé. Nous nous sommes assurés que chaque paramètre et paramètre de compte était optimal pour leur cas d’utilisation.

L’équipe ImageKit a été très utile avec son soutien ou même si nous avons des doutes. Leur équipe est à portée de main et ils sont capables de très bien expliquer les choses et de résoudre toutes nos questions en quelques heures seulement.
Ankit Pandey
Ingénieur principal, Nykaa.com

Résumé

  • Leur équipe a gagné beaucoup de temps en tirant parti du redimensionnement des images en temps réel et de l’optimisation automatique.
  • Le score PageSpeed ​​s’est amélioré à mesure que les images étaient diffusées dans la dimension et le format appropriés.
  • L’intégration transparente avec le CDN et le stockage existants a réduit le délai de commercialisation de leur application Web progressive.
  • Tous les actifs d’origine sont détenus et contrôlés par Nykaa. Et ImageKit.io intégré à leur pile technologique existante.

Lenskart a tiré parti d’une meilleure expérience visuelle pour améliorer la conversion et l’expansion mondiale | Étude de cas

lenskart

Lenskart est l’un des principaux portails de commerce électronique de lunettes en Inde, aux Émirats arabes unis, aux États-Unis et sur d’autres marchés internationaux. Avec un nombre toujours croissant de magasins de vente au détail hors ligne et une technologie de pointe pour améliorer l’expérience d’achat en ligne, Lenskart a révolutionné le secteur de la lunetterie grâce à son approche omnicanal.

Avec l’évolution des attentes des consommateurs et l’expansion sur de nouveaux marchés, l’exigence de fournir une expérience numérique de haute qualité est essentielle.

Dans la nouvelle plate-forme créée par Lenskart, ImageKit est utilisé pour gérer l’intégralité du catalogue de produits, l’optimisation des images et le processus de transformation. Cela a permis à Lenskart de se concentrer sur la création de sa plate-forme de commerce électronique principale tout en laissant les visuels entre les mains d’un outil de traitement multimédia dédié comme ImageKit.

Le transfert de ce composant à un tiers a aidé Lenskart à atteindre l’objectif souhaité : fournir�des images optimisées de haute qualité avec un effort de développement minimal. Cela a contribué à améliorer les conversions et à réduire le temps de mise en ligne sur de nouveaux marchés. �

Résultats clés

  • Transformations et optimisations d’images automatiséesAvec plus de 200 produits ajoutés à son catalogue chaque semaine, l’automatisation du processus d’optimisation et de transformation des images du catalogue était vitale. Avec ImageKit, ce processus est entièrement automatisé pour l’ensemble du catalogue sur différentes plates-formes.
  • Meilleure qualité visuelle des imagesUne expérience visuelle de haute qualité est essentielle pour générer des conversions plus élevées. Lenskart a amélioré la qualité perçue de ses images de produits tout en les optimisant grâce aux transformations en temps réel d’ImageKit.
  • Une optimisation qui fonctionne avec leur infrastructureL’ensemble de la solution d’optimisation et de transformation fonctionne de manière transparente avec le stockage d’images et le CMS existants de Lenskart. Cela a rendu le changement transparent et facile pour ses équipes internes tout en atteignant les objectifs commerciaux souhaités.
  • Réduire les efforts et les délais de commercialisationAvec plusieurs plates-formes et zones géographiques à prendre en charge et une plate-forme de commerce électronique en évolution, le transfert de l’optimisation des images vers ImageKit a permis d’économiser d’importants efforts de développement pour Lenskart’. ;vapeur. Associés au support de pointe d’ImageKit, ils peuvent se concentrer sur le développement de leurs principales capacités de commerce électronique tout en s’appuyant sur ImageKit pour un service d’optimisation multimédia de classe mondiale.
  • À l’épreuve du temps grâce à l’adoption des dernières technologiesAvec un produit comme ImageKit, qui se concentre uniquement sur l’optimisation des médias, Lenskart a désormais accès à des fonctionnalités de pointe telles que le format d’image AVIF et le réel. -Optimisations vidéo temporelles pour améliorer encore et expérimenter de nouveaux formats multimédias sur leurs plates-formes.

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

Avant de créer sa plateforme de commerce électronique interne, Lenskart a utilisé une plateforme de commerce électronique tierce populaire. Cette plate-forme tierce était intégrée avec quelques optimisations et transformations d’images, mais les images de sortie étaient souvent de mauvaise qualité et granuleuses.

Avec l’évolution de son activité et sa volonté d’offrir une meilleure expérience sur tous les canaux numériques, Lenskart a décidé de créer sa propre plate-forme de commerce électronique. Une pièce manquante dans cette nouvelle plate-forme interne était�automatiquesoptimisations d’images et transformations tout en fournissant des images de haute qualité.

“Pour nous, la qualité visuelle des images est d’une grande importance. Nous essayons constamment d’améliorer les taux de conversion de bout en bout, et pour cela, présenter nos produits avec des visuels de haute qualité est extrêmement important”, a déclaré�Arpit Garg, chef de produit avec l’équipe de catalogage de Lenskart.

Pourquoi confier l’optimisation des médias à ImageKit ?

Lenskart a commencé à évaluer quelques options tierces, car la création d’un service d’optimisation d’image en interne aurait été difficile, fastidieuse et, plus important encore, non alignée avec son activité principale.

« Nous préférons nous fier à un fournisseur tiers dont l’activité principale consiste à optimiser l’image et d’autres médias plutôt que de développer cette expertise et de maintenir le système en interne. Ce n’est tout simplement pas là où nous voulons nous concentrer en tant qu’entreprise”, a déclaré Arpit.

Parmi les solutions évaluées, ImageKit s’est révélée être celle qui répondait le mieux à ses exigences en matière de facilité d’intégration, d’optimisation et de qualité visuelle de sortie des images.

“Le support d’ImageKit est très utile. Ce n’est pas que vous vous adressez uniquement à la première ligne d’assistance qui ne peut pas vous aider techniquement. ImageKit vous connecte directement aux ingénieurs qui peuvent vous conseiller sur les fonctionnalités adaptées à vos besoins. Ils sont toujours à portée de main par e-mail ou par chat. Et c’était pour nous un critère de décision clé”, a déclaré Arpit.

Qualité visuelle supérieure tout en réalisant des optimisations standard

L’objectif principal de l’utilisation de tout service d’imagerie tiers était de fournir des images optimisées avec la meilleure qualité visuelle possible.

Lenskart a évalué ImageKit et quelques-uns de ses concurrents en termes de qualité visuelle et de performances d’optimisation, et ImageKit a obtenu de meilleurs résultats que les autres outils. Grâce au redimensionnement et à la transformation de la netteté de l’image en temps réel fournis par ImageKit, la qualité visuelle de sortie des images était nettement meilleure, en particulier lors du redimensionnement d’une image à des résolutions inférieures.

Ces transformations d’image, combinées aux paramètres par défaut de compression d’image, ont très bien fonctionné pour Lenskart. Cela garantissait que le changement nécessaire était minime et que la solution fonctionnait parfaitement dès le départ.

Intégration facile avec leur propre stockage pour la confidentialité des données

La plupart des images du catalogue Lenskart sont cliquées et éditées en interne. Ces images de produits sont la propriété de Lenskart ; par conséquent, ils ne souhaitaient pas déplacer leurs images de leur stockage actuel vers celui d’un tiers comme ImageKit. Cela aurait également entraîné des changements importants dans leur CMS interne et dans les processus de l’équipe.

Intégration d’ImageKit à l’infrastructure existante de Lenskart

Par conséquent, il était essentiel de faire appel à un fournisseur d’optimisation d’images capable de�s’intégrer à leur stockage existant, à leur CMS et à leurs mécanismes de livraison. une>

ImageKit s’intègre à tous les principaux stockages cloud – AWS S3, Google Cloud, Azure, stockage compatible S3, serveurs Web, etc. Une fois cette exigence satisfaite, il s’agissait d’un Il était évident pour Lenskart de commencer à utiliser ImageKit pour optimiser toutes les images de son catalogue de produits.

Réduisez les efforts et les délais de commercialisation

Cette intégration facile avec leur stockage existant a été utile pour la confidentialité des données et a permis d’économiser beaucoup d’efforts de développement en matière d’intégration et de mise sur le marché de nouveaux produits.

ImageKit est également livré avec certains paramètres d’optimisation par défaut et des�transformations d’images basées sur des URL faciles à utiliser qui facilitent l’adaptation de vos images à toute exigence.

“Les transformations étaient faciles à utiliser. Je ne suis pas moi-même développeur. Ainsi, même si je ne pouvais pas intégrer notre stockage cloud existant dans ImageKit, je pouvais facilement télécharger certaines images de produits dans leur bibliothèque multimédia intégrée et commencer. La documentation sur la compression et les transformations est simple. Je pourrais déterminer les paramètres de transformation dont nous aurions besoin pour les images de notre catalogue de produits, puis les transmettre à notre équipe technique pour la mise en œuvre », a déclaré Arpit.

Des images parfaites sur tous les appareils

Lenskart sert ses clients sur tous les appareils et plateformes possibles. Il existe des applications Android et iOS, ainsi que du Web mobile et de bureau. L’équipe doit créer une expérience visuelle de haute qualité sur tous les appareils.

Utilisation du paramètre URL d'ImageKit pour utiliser une seule image afin de proposer plusieurs variantes
Crédit d’image : ImageKit.io
Utilisation du paramètre URL d’ImageKit pour utiliser une seule image afin de proposer plusieurs variantes

L’équipe de Lenskart peut transformer�une seule image de produit originale prise par ses photographes en images réactives qui s’affichent parfaitement sur différents appareils avec de véritables -Redimensionnement temporel, recadrage et différents�modes de recadrage. Ils exploitent également les transformations DPR en temps réel pour générer des variantes d’image adaptées aux écrans haute densité ou Retina.

Adopter la technologie moderne en toute simplicité

L’intégration d’un service tiers dédié à l’optimisation des images a également permis à la pile technologique de Lenskart d’être à l’épreuve du temps.

Il peut désormais adopter facilement des formats d’image modernes comme AVIF. Lorsque ces formats seront largement disponibles sur différentes plates-formes, Lenskart pourra utiliser ImageKit pour convertir ses images de produits vers ces formats plus légers et améliorer l’expérience utilisateur et les conversions.

De plus, avec les nouvelles API vidéo d’ImageKit, les fonctionnalités d’édition d’images basées sur l’IA et d’autres développements qui se produiront à l’avenir, Lenskart dispose désormais d’un outil qui lui permet d’expérimenter de nouveaux formats et expériences multimédias dans le avenir.

Conclusion

Lenskart, comme plusieurs autres sociétés de commerce électronique opérant à leur échelle, met l’accent sur l’optimisation de l’expérience numérique afin de maximiser les conversions et le retour sur investissement.

L’amélioration de la qualité de l’image les a aidés de deux manières. La première consiste à améliorer la vitesse des pages. Deuxièmement, et plus important encore, il s’agit de fournir des images de haute qualité sur tous les appareils. Les visuels améliorés ont contribué à améliorer l’expérience utilisateur globale que Lenskart offre à ses clients, la plaçant ainsi à égalité avec ses concurrents sur les marchés internationaux.

Avoir ImageKit dans son arsenal a permis à Lenskart d’atteindre facilement ces objectifs commerciaux consistant à offrir une expérience exceptionnelle à ses utilisateurs à grande échelle avec un minimum d’effort.

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

عرض-النطاق-الترددي-الأمثل-من-bigbasket

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.

Flux de travail d’images hérité dans BigBasket avec redimensionnement manuel et livraison via CDN

“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.

Nouveau flux de travail BigBasket avec ImageKit pour restituer automatiquement les images WebP sur les appareils pris en charge

“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.

Flux de travail de livraison d’images amélioré pour fournir des images WebP sur des applications mobiles sans aucune modification de code

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�