60-70%

Faster load times for high-resolution images.

30%

Reduction in resource usage

50%

Performance boost

overview-icon

Overview

The client, a renowned cultural institution, had a standalone app designed to enrich visitor experiences at libraries and historical sites. The app featured extensive high-resolution historical imagery, aiming to transport users back in time with vivid visual details. However, the large image sizes (several GBs) significantly affected the app’s performance, leading to sluggish load times and unsatisfactory user experience.

Challenges

The key challenge we faced was the app’s standalone nature, which restricted our ability to conduct extensive testing or implement radical changes.

  • The primary challenge was the app's standalone nature, which limited our ability to perform thorough testing or introduce significant changes.
  • Frequent delays occurred when accessing commonly requested data, primarily caused by excessive database queries
  • A solution was needed to reduce wait times for high-resolution images to load completely.
  • Managing frequently accessed data without overwhelming the database became a growing challenge, highlighting the need for a more efficient approach.
img-c
img-c

Solution

With limited tasks remaining, our team devised the following solutions, which involved implementing caching libraries and utilizing progressive loading techniques.

  • Utilized caching libraries such as Redis and Memcached to optimize data retrieval.
  • Reduced load times by storing frequently accessed data in memory, minimizing database requests.
  • Adopted Progressive Image Loading techniques using libraries like Progressive Image and React Progressive Image.
  • Enabled low-resolution versions of images to load first, providing a quick preview while higher-resolution images loaded in the background.

More Success Stories

View All Work