I’m implementing an infinite scroll on Meteor in order to display a grid of pictures linked to a large collection.
When the user is at the end of the page I subscribe to more elements and I increase the number of pictures displayed (through my template.helper).
It works well but all the template elements are re-rendering and it also takes some time to do so. It’s very inconvenient for the user, I think it takes time because I’m displaying pictures and not text (we already compress the pictures to a minimum size).
How can I do to just add the new elements and prevent the re-rendering of the already displayed elements when I subscribe ?
My app will be on mobile devices so I can’t subscribe to a lot of elements and then just increase the limit in the template helper.