Example of a page with issue:

www.goldara.com/product-category/jewelry/

The above page is extremely slow because the size of the page is too big. Mostly becuase of the number of elements that the page is loading. It's making 365 requests which is very excessive. The vast majority of these requests are images. It looks like it's loading the images from all 18 pages at once, which is why this takes so long to load.

I was told by a developer who couldn't fix the issue, that redesigning the loops that run these image galleries to only load each of those pages at a time is going to speed up my page considerably. He said, there are two loops running for these image galleries, the desktop version and mobile. Meaning they pull the same data two times.  First the loop is run for desktop and then for mobile. Thats why in mobile it even takes more time than in desktop to load the images. So, Instead loading via ajax this is loading at a single time.

The loops for desktop and mobile should be modified, so the slider wont require all the images from pages to load first before it starts rendering, it should only load each of those pages at a time.  

Please let me know what your recommendation are for fixing the loop.  How will you approach it?  I have hired others and they all couldn't fix.  What should I do?

Thank You,

Ferial