Our blazing fast Grid component built with pure JavaScript


Post by Yamo93 »

Hi,

I have a BryntumGrid tree component which is loaded with a big bunch of data. When I expand a tree record which has about a thousand children, the browser times out.

Is there any type of lazy loading I can do to prevent this from happening?


Post by mats »

Sounds strange and the Grid should handle many hundred thousand records easily, can you please provide a simple test case showing this?


Post by Yamo93 »

I created this test case:

https://gist.github.com/Yamo93/0e9aefe2aa635b3d4f5931368b510669

But I didn't experience the same delay there. There is a possibility that there is some other expensive computation in the code.

The bottom line is that the main thread is locked for about 80 seconds. Other users experience that their browsers time out completely. Is there anything I can do configuration-wise to at least "unlock the main thread" and let the browser work in the background, or do I need to hunt for the performance thief somewhere else?


Post by mats »

Do a quick performance review with Chrome Dev Tools? then we'll know if it's our code our your code at fault. https://developer.chrome.com/docs/devtools/evaluate-performance/


Post by Yamo93 »

Okay, it seems to me that the problem is in our own code. We're doing some heavy computation work in the React lifecycle methods.

Thanks anyways.


Post Reply