react-big-scheduler
react-big-scheduler copied to clipboard
StephenChou1017
Performance Issues
Rendering a "large" number of events (see screenshot) seems to slow things down to the point where there's noticeable lag and even "A webpage is slowing down your browser" at the Quarter and Year levels.
I haven't looked too far into it yet, but I'm fairly sure it's not an issue with my code. Figured I'd raise it here and we can discuss further and/or look into it if required.
I'm using repeating events if that's of any relevance.
+1 I am facing the same issue when the number of events goes past 70-80 events
I just started using this library because it has great layout and functionalities out of the box.
I think that the performance issue should be due to the fact that it mutates schedulerData for every action, and causes a re-render of the whole scheduler component.
Any suggestions for making the state management more 'react style'?
A fairly quick/dirty hack might be to just pass in the "relevant" events in the prevClick, nextClick, onSelectDate and onViewChange functions/callbacks. RBS looks through the entire event list to find what is actually relevant to render. In my situation, it's a year's worth of repeating events that's being passed, filtered, etc. every single time. For most situations, it doesn't need all that data.
That said though, I haven't tried it and it does seem like a dirty hack...
@StephenChou1017 - Any ideas or is this going to be something quite involved to fix up?
I've tried to optimize the performance issue in 0.2.7, but I don't think it's enough.
@StephenChou1017 Can we optimize _createRenderData() function for improve performance. I think this method is calling every time change on the scheduler.
@StephenChou1017 - I think it's a bit better on 0.2.7, it's still taking 6 - 7 seconds of unresponsiveness to switch to Month view though (if it's that slow for Month, it's not worth trying Quarter or Year).
@FizzBuzz791 Hi, can you send your testing data(resources and events) to me and I can try it myself?:-) My email: [email protected]
yup, 1k events took me around minute to load... did you guys @FizzBuzz791 @hanchiang @desilvaNSP found any workaround to this?
50+ events is loaded over 5+ seconds in my browser, about 20 resources, Help! Is it refer to the quantity of resource?
Sadly, no. I was using this library for writing a quick demo at work. Now that the focus of my work has shifted and have been real busy ever since.
I found the moment took a lot of time, with using of chrome performance devtools.
@jeffreybos change localeMoment(time) to localeMoment(new Date(time)) can effectively reduce the loading time in the file SchedulerData.js. But the function Date() is time zone related, you can't replace all the localeMoment() to avoid unexpected mistakes.
@StephenChou1017, @FizzBuzz791 Do we have solution to optimize for rendering large number of events on scheduler.?
The response is too slow for rendering large number of events on scheduler.. any solution or suggestion pls Thanks and appreciate your help
I always come back to see if it's improved, guess not yet
same here :/
Hi. I started using Syncfusion Scheduler (it has a community license)
