Dynamic Images Conditional Visibility

Hey guys,

I’m having a problem with a grid of images i have where I am limiting the image inside of my grid conditional to a number I set in the CMS. The problem is when I run the diagnostics on my page, every Flex-Wrap I have with an image block in it is loading all of the items that are in that dynamic list (35 in each block multiplied by 16 blocks I created…) so I end up having 300+ image requests on page load!

Is there a way to not load in all 35 images for each Placeholder? Should I be using another method instead of conditional visibility?

Thanks!


Here is my public share link: LINK
(how to access public share link)

SOLUTION: added a filter to the dynamic list for the range of the grid positions. So I have 4 dynamic lists with 4 divs in each so I set to only show the dynamic items between 0 and 5 (1,2,3,4).