Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Performance problem with hundreds of items #1357

Open
Gaetan-dc opened this issue Jan 8, 2018 · 1 comment
Open

Performance problem with hundreds of items #1357

Gaetan-dc opened this issue Jan 8, 2018 · 1 comment

Comments

@Gaetan-dc
Copy link

Hello,

This has been discussed in #718 and #677, but these issues are now closed and several years old, so I would like to bring that up again.
I've been using Isotope for several projects and I'm very happy with it. However, the requirements for some have changed and Isotope is now out of its depth as I need to manage several hundreds of elements in a grid (with filtering/etc).
I could use MixItUp as suggested, it seems like a very nice plugin indeed, however I would really like to keep using Isotope as :

  • I'm familiar with it
  • I love it
  • I already own the licence for it
  • I would like to avoid rewriting big parts of my code

It would be very interesting if the performances could be directly increased, or if there were any options available in the configuration aimed at offering a trade-off between performance and "shininess" (for example disable animations).
I've tried most hacks available here and there but the performance hasn't increased to the point where Isotope remains a viable solution.
In any case I would suggest clearly writing the performance recommendations on the documentation, as it is not obvious at all right now (as far as I know it is only mentioned in a github issue).

Thanks

@desandro
Copy link
Member

Add a 👍 reaction to this issue if you would like to see Isotope handle hundreds of items. (Do not add +1 comments — They will be deleted.)

Thanks for reporting this issue and continued support of Isotope over the years. 💝

I need to manage several hundreds of elements in a grid

Two issues:

  1. Isotope was not designed to handle this kind of usage
  2. Browsers have trouble with this kind of usage

From my experience, in order to achieve manipulating hundreds of elements at a time, a library needs to be more monolithic and less flexible. Airbnb's Infinity.js is a good example. It's designed to handle hundreds of items, but it only works in one specific way.

Isotope is intended to be more flexible in favor of high-performance use cases. My recommendation is to try to build your own filtering solution from the ground up. A brand new solution is better positioned to take advantage of unnecessary features in Isotope.

Like you mentioned, others have shown interest in this subject, so I'll keep this issue open for a bit for a discussion.

@desandro desandro changed the title Performance problem with large galleries Performance problem with hundreds of items Mar 15, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

No branches or pull requests

2 participants