Javascript 同位素过滤在数百个项目中是否表现良好&；多类别？

我希望使用同位素Jquery插件(http://isotope.metafizzy.co/)显示和过滤几百个项目（大约700个）。每个项目将包含一个缩略图和一个名称，并可按三个类别进行过滤。（为了避免页面过长，整个页面将包含在一个可滚动的div中）

如果可能的话，我也想启用动画效果（使用“最佳可用”动画引擎，如果CSS3转换不可用，它将依赖于JS）

我已经在本地测试了大约100个项目，它在Chrome中执行得非常快，CSS3和JS动画都非常快。但我担心，在野外，对于较老的客户机和浏览器来说，它可能会变得异常缓慢（当然，还有一个非常紧迫的最后期限，所以没有太多时间来构建更好的原型！）

有没有人有过类似规模的使用经验

谢谢,

---

彼得

好吧，我现在可以回答我自己的问题了，因为我们试图建造它。答案是它在几乎所有的浏览器中都太慢了，除了Chrome，Chrome几乎可以接受。即使在快速Mac笔记本电脑上的Firefox中，从头开始加载页面也需要大约5秒钟的时间，而将过滤器改回“全部”也不比这少多少。它甚至对一些在Safari和IE中查看它的人发出了无响应的脚本警告

---

所以我重写了它，只是简单地在每个项目上添加/删除一个“hide”类。通过快速比较，这大约快了50%。显然，这失去了所有的花式动画虽然。因此，我建议同位素用于小型数据集，在这些数据集中，时髦的视觉效果非常重要，但不能用于数百个项目。

如果要进行过滤或排序，我建议您的项目数量最多应在50个项目左右。这并不意味着你可以试着推它。例如，'s item count接近300。

只是为了了解更多的背景信息，我应该提到，在使用了几年的Win XP机器（即仍然有大量客户机的类型）的IE7中，它需要有相当的响应能力，但我们真的不需要担心IE6（或更老的）。不管怎么说，我真的希望有人以前的经验，或者我可以看看的例子，我可以自己决定速度。谢谢。你不必重写任何东西。。。传递一个选项：$.isotophe（{animationEngine:'css'}）