Native Image Optimization for High Performance Mobile Apps
49
Views
2
Comments
New
Frontend (App Interfaces)

As a Software Engineer, I have noticed that handling high-resolution images is a common challenge in mobile performance. Applications like marketplaces Apps often deal with numerous user-uploaded product images, which can lead to slow loading times and high data consumption.

The Proposal: I suggest implementing a Native Image Optimization feature directly within the OutSystems mobile framework.

Key Features:

  1. Automatic Client-Side Compression: Images should be automatically compressed on the device before being uploaded to the server to save bandwidth.

  2. WebP Support: Built-in support to convert images to modern formats like WebP, which offer superior compression without losing quality.

  3. Dynamic Image Resizing: The ability to serve different image resolutions based on the user's device screen size and network conditions (2G, 3G, or 4G/5G).

  4. Lazy Loading & Caching: Advanced, easy-to-configure caching mechanisms to ensure that images load instantly for returning users.

Why it matters: This feature will significantly enhance the user experience (UX) for mobile users in regions with limited internet connectivity. It will also reduce infrastructure costs related to storage and data transfer for developers and businesses alike.

Changed the category to
Frontend (App Interfaces)

Hi,

There are a range of forge components that will let you resize the image on the client or server side, and even convert the image to WebP.

To be able to do option 3, you would need to upload a high quality image, and then resize it on the server side (possibly with an asynchronous process) to generate images in a range of sizes from thumbnail to high quality, and store these in a table.

Caching you should be able to enable through a http header addition if you deliver the images through an API.

Kind Regards