Render performance of long lists

Rendering a long list of items can take a while, particularly on mobile browsers. There’s a technique used by Ionic and Polymer called “collection repeat” [1] and “virtual infinite list” [2] in which a finite number of list items are moved, eg when scrolling down, from above the the screen to below the screen, and then the data context of the item is changed. Has anyone tried this with Blaze? Or better yet, made a package for it? :slight_smile:

[1] http://blog.ionic.io/collection-repeat-iteration-two/
[2] https://github.com/PolymerElements/iron-list/blob/master/README.md

Here’s a way to do it with the Clusterize JS lib:

http://blog.east5th.co/2016/04/18/blaze-meets-clusterizejs/

1 Like