AI Briefing
KO

Oliveyoung Shutter's Image Upload Performance Improvement Story

·2024.07.05 03:00

Key point

To solve image upload slowdowns and server load issues, Oliveyoung Shutter introduced parallel uploads and the PreSignedURL method.

1 / 2

Details

Oliveyoung's beauty community Shutter, a service centered on high-resolution images, needed to solve the problem of slowdowns and user drop-off that occurred when users uploaded up to 10 images at once (over about 50MB).

In the existing approach, when a client sent an image to the server, the server would then store it again in AWS S3. This process caused slowdowns due to network bandwidth limitations and placed a load on server resources.

To improve this, the Review Community Squad implemented the following 4-step strategy.

  • Parallel image upload: Instead of bundling multiple files into a single request, they were separated into individual requests to increase network bandwidth utilization.
  • Using PreSignedURL: Files are uploaded directly from the client to AWS S3 without passing through the server, minimizing server load.
  • Canvas API and OffscreenCanvas: Image compression and optimization are performed in a multi-threaded environment, improving client-side performance.
  • UI/UX improvements: Interface optimizations were carried out in parallel to enhance the user experience.

This summary was generated automatically by AI. Check the original for the author's claims and context. Copyright belongs to the original author.

Our guide explains how the AI works. Report summary errors, attribution issues, or removal requests via Contact.