I am rendering a large geometry with around 35,000 to 250,000 draw calls using React Three Fiber, ReactJS, and Three.js. Currently, I’m facing performance issues — the browser becomes unresponsive or gets stuck
Thats a Huuuuuge number of drawcalls. We usually want to keep drawcalls down below like 2000 (not a hard rule.. just what I’ve sort of landed on in the stuff i make.)
That said… you can probably figure out Where the time is being taken by using the profile tab in chrome debugger.
If you see that 70% of the time is spend in updateMatrixWorld.. you can turn of matrix auto update for your static objects.
Then you want to look into merging as much static stuff as possible into single drawcalls. This can be accomplished a variety of ways.
If you have a link to your app running online somewhere, we can probably give you some tips on ways to optimize it.
No i am not host any server i render using instamesh and create first object that render using map my model component that time its take much time i used also buffer geometry