Dream11 Swapnil Mistry

How Dream11 Transforms User Experience: How Dream11 Leverages Intelligent Image Delivery

Original post Transforming User Experience: How Dream11 Leverages Intelligent Image Delivery | by Dream Blog | Dream Locker Room | Medium

Article Summary

Dream11 serves 15 million concurrent users during IPL peaks. Their image delivery costs were spiraling until they made one architectural change.

Dream11's engineering team tackled a classic mobile performance problem: delivering high-resolution player images across diverse devices without killing load times or bandwidth budgets. They turned to AWS Serverless Image Handler to dynamically optimize images based on device capabilities.

Key Takeaways

Critical Insight

Dream11 slashed bandwidth usage and cut cloud egress costs by 70% while improving load times through intelligent, device-aware image delivery.

Continue reading

What This Article Covers

Problem

Dream11 was struggling with high network usage and slow load times. Delivering high-resolution images to Android and iOS devices with different screen sizes and pixel densities was expensive in terms of egress costs.

Solution

Dream11 set up AWS Serverless Image Handler using CloudFormation templates. They connected CloudFront CDN and Lambda@Edge functions, then added the Sharp image processing library to resize images and convert them to WebP format based on what device was requesting them.

Impact

After the changes, image payload dropped by about 300 images per session. Egress costs fell by roughly 70%. Image quality stayed the same and pages loaded faster for users.

Their future roadmap includes adapting image quality based on network conditions and geolocation, taking personalization even further.

This page summarizes “Transforming User Experience: How Dream11 Leverages Intelligent Image Delivery | by Dream Blog | Dream Locker Room | Medium” by Dream11, published Mar 13, 2025. All credit for the original work goes to the authors.

Read the original on medium.com (opens in new tab)

AI tools for React Native

Browse all AI tools →