Images load slowly in Gallery

(1) Share

Report

Posted on by Iantaylor2050

531

I have built a shopping portal in powerapps where i have around 120 items. Each items has 1 to 2 images.

When i load the gallery with these 120 items, i notice that item images render slowly. Other fields like item price loads faster. Is there anyway i can improve item images loading speed?

Categories:

Building Power Apps

I have the same question (0)

All responses (7)

Answers (0)

lbendlin 8,474 Super User 2025 Season 2 on at

Like (0)

Report

How many items fit on the startup screen? Maybe 5 ? Only load the images for these, and wait for the user to scroll or search before you fetch more images.

Was this reply helpful? Yes No
WarrenBelz 153,034 Most Valuable Professional on at

Like (0)

Report

Hi @Iantaylor2050,

Where are you storing the images and how are you referencing them in the Gallery ?

Was this reply helpful? Yes No
Iantaylor2050 531 on at

Like (0)

Report

Hi @WarrenBelz

I am storing images in image column in SharePoint list and i am referencing that in the gallery using code

ThisItem.Image1.

In the startup screen i show only 5 items which shows 5 thumbnail images. No issues with that.

However when i goto catalog screen where i show all 120 items, the issue arises when i scroll to view all the 120 items using my mouse.

Was this reply helpful? Yes No
WarrenBelz 153,034 Most Valuable Professional on at

Like (0)

Report
Hi @Iantaylor2050,

If you are only after reasonable quality thumbnail images, you can try

ThisItem.Image1.Small

but that is the best you will do if the Gallery Items are based on the list directly. Quite simply, the gallery Image control needs to render each image control from the data source field content and 120 is not going to be instant.

What is the Items of the gallery ?

Was this reply helpful? Yes No
stampcoin 5,058 Super User 2025 Season 2 on at

Like (0)

Report

@Iantaylor2050 Hi,

I share my thought:

Consider splitting the image in one collection.

1. One collection only for the image and ID.
For mobile device, use savedata() function.

2. Keep the live fields in a separate collection, every two minutes you update this collection only.

3. Join the two collections when you show them.

4. Consider using two Gallery, one for Image, and one for other fields.

if your image changes often, forgot about power apps, it's not designed for that.

Was this reply helpful? Yes No
WarrenBelz 153,034 Most Valuable Professional on at

Like (0)

Report

Thanks @stampcoin,

A couple of things to add here when heading down the collection path. The main one is if the gallery is dynamic (it has filters controlled by a drop-down/search box), then you would need the whole gallery content to be a Collection, or loading the newly filtered images would take longer then resolving them directly from the List.

So that leads to whether the physical size of a collection containing 120 images would have any impact on app resources/performance.

The other thought I had (which escaped me earlier) is to restrict the image resolution in the List field to only the size of the required thumbnail in the gallery. I think this may have potential in speeding up the loading time.

Was this reply helpful? Yes No
WarrenBelz 153,034 Most Valuable Professional on at

Like (0)

Report

Hi @Iantaylor2050,

A quick follow-up to see if you received the answer you were looking for or if you need further assistance.

Please click Does this answer your question if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it a Like.
MVP (Business Applications) Visit my blog Practical Power Apps LinkedIn

Was this reply helpful? Yes No