GithubHelp home page GithubHelp logo

Comments (6)

xiaolin avatar xiaolin commented on June 4, 2024

Have you tried the lazyLoad option? it essentially limits the render to only three elements.

from react-image-gallery.

2218675712 avatar 2218675712 commented on June 4, 2024

I tried the lazyLoad option?But it was very laggy.

When I reduced the items to 100, the problem disappeared.

I checked the dom and found that with the lazyLoad option turned on, each button in the dom would still be rendered. Maybe there were too many buttons.

from react-image-gallery.

2218675712 avatar 2218675712 commented on June 4, 2024
image

from react-image-gallery.

xiaolin avatar xiaolin commented on June 4, 2024

It’s likely the thumbnail and bullets causing an issue. If you don’t need thumbnails and bullets you can disable them both and that should help. Eventually we would need virtualization on thumbnails and bullets for it to work with large data.

from react-image-gallery.

2218675712 avatar 2218675712 commented on June 4, 2024

Thank you, I think I can achieve this by manually controlling the content of an item

from react-image-gallery.

2b0x avatar 2b0x commented on June 4, 2024

It’s likely the thumbnail and bullets causing an issue. If you don’t need thumbnails and bullets you can disable them both and that should help. Eventually we would need virtualization on thumbnails and bullets for it to work with large data.

i have the same problem when i render more than 1000 item in react-image-gallery, when i trigger onThumbnailClick, DOM Render was be very slow.

from react-image-gallery.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.