Will Isotope filtering perform well with several hundred items & multiple categories?

Question

I'm hoping to use the Isotope Jquery plugin (http://isotope.metafizzy.co/) to display and filter several hundred items (around 700). Each item will contain a thumbnail image and a name, and be filterable by three categories. (To stop the page being ridiculously long, the whole thing will be contained inside a scrollable div).

If possible, I would like to enable the animation effect too (using the 'best-available' animation engine, which will fall back on JS if CSS3 transitions are unavailable).

I've tested it locally with about 100 items and it performs very quickly in Chrome and both the CSS3 and JS animations are pretty fast. But I'm worried that out there in the wild, it may turn out to be unusably slow for older clients and browsers (and of course, there's a very tight deadline so not much time to build a better prototype!).

Does anyone have experience of using it on a similar scale?

Thank you,

Peter

Answer 1

I'd recommend your item count should be around 50 items max if you're doing filtering or sorting. That doesn't mean you can try pushing it. For example, Leafly's item count is close to 300.