Hello! This might be a bit complicated question, but I’m getting complaints from the client about the slow loading speed of their site and I don’t know anymore is there much I can do in the ”code”/options in order to increase it.
The problem is that the front-page has A LOT of carousels with a lot of big images which obviously takes a while to load when visiting the site for the first time (even though on my tests the speeds are usually all right or at least acceptable). And therefore it might take some time for the first image to appear, which becomes a bit problematic. On a bit slower connection this might take over 20 seconds.
My questions are:
- Is there any possibility to force the page to load first one specific image? (In this case the first image of the first carousel) and then first after that start to load the remaining ones. Maybe by using the first image also as some kind of placeholder perhaps or with some additional script? (haven't been able to figure out a way to do this my self…)
- I have now set the images to lazy load in the Lay Options, but I’ve tried also the ”Load all images of a page instantly” option without seeing that much difference in the performance. Which one, in this case, would theoretically be a better option, if my aim is to make the first image to appear as quickly as possible? The carousel addon is set to lazyload as well.
Thank you so much if you’re able to give this a look! I absolutely love working with this awesome theme, but when getting this kind of feedback I’m getting a bit clueless about what to do.
The page is http://janinerewell.com/work and the password: jr