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
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)
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.