Need help to Improve RG & Search, timing, display, wk load usage

Hello!
I’m working on my app for 2 months and i want some tips from you to improve it.

So,
I have a DB with images and diplay in a RG with Do a search for X. What i want to improve is timing, bcs i have a lot of images and the timing to load them is more than 4-5 seconds and if i scroll down in page will show me blank images until it load them.
Also, i have a lot of Workload spikes with the search bar for images, like 10k in 5 minutes. How can i improve this search? i’m using search & autocorrect

if the format of the images is not already in webp, I’d suggest converting them to webp.

webp
imgix or image serving cdn to scale the image to the delivered size
cdn to serve the image from a local server (imgix do this already)
imgix is built in to bubble and works pretty well

filestack is my go to but it has other issues and requires a fair knowledge to set it up correctly. (I use it mostly for the uploader but the cdn is a nice bonus)

To help load non visible images more quickly when they are requested, you can also implement a caching technique using 2x repeating groups. See here:

Preloading images and data can be very useful in making pages load faster.

For example I have an image thumbnail reuseable where I also have the larger size image but as a 0x0 px size so it’s invisible. When the user opens the enlarge pop the image is already loaded on the thumbnail so it displays instantly instead of having to be fetched on open. I don’t use this everywhere but it is useful in places like image galleries where users enlarge images often.

This topic was automatically closed after 68 days. New replies are no longer allowed.