My app is simple app, featuring Listings of people hosting virtual classes. Each Listing has 8 images (4 cropped for mobile, 4 for desktop) and there are only 12 Listings in my database. The home page was loaded extremely slow, so I made a change to search for Users instead of Listings as there is only 1 image per User (and 8 images per Listing). That helped, but it’s still pretty slow. Once a profile is clicked on in the index page, it takes them to the associated virtual class Listing page. This page is also loading extremely slow (4 seconds to load the Listing page).
The users are able to upload their own images with a max of 2MB per image and processed with Imgix on the page load.
On both the Index and Listing pages, Searches are performed searching for ID’s of the User and the Listing.
My hunch is the image size is slowing the performance, so I limited the image upload size to 2MB in the “File Uploader” vs the standard 50MB max. I’m also processing the images with Imgix to help with performance but still very slow.
Is there anything I can do to speed this up? I can share editor page.