Performance of GridStack rendering about gridstack HOT 13 OPEN

Initial render time? Or is updating also slow?

Try to use CSSLayouts inside GridStackLayout to improve speed. Any Vertical/Horizontal/GridLayouts will cause slowness fast inside dynamic layouts.

Please provide your component hierarchy structure.

from gridstack.

Only initial render time.. once the screen is rendered everything works pretty close to good

from gridstack.

This is my component hierarchy structure:

from gridstack.

Try to get rid of layouts with only have one child.

Eg. you have many VerticalLayouts with just one HorizontalLayout as child. Why not remove the unneeded vertical layout. If you need to do some wrapping, use CSSLayout.

Vertical/Horizontal/GridLayout do some JavaScript based delayed layouting. So more you have those, slower it gets.

from gridstack.

Thanks for your answer! As you can see at the picture below - I have replaced nested layouts of GridStack with CssLayout:

but the performance still pretty much the same as bad :(

from gridstack.

So no measurable difference?

from gridstack.

Unfortunately I don't know how to measure exact time of client side rendering with Vaadin but visually I can't see any major difference.. the rendering still takes a lot of time.

With 10 elements inside of central GridStack my view renders pretty fast.. but with 80 elements pretty slow..

from gridstack.

If you only have csslayouts with images, links, labels and buttons there, then I'm not quite sure what makes it so slow.

Would help if you could create simple code example, that I could use to reproduce the issue.

from gridstack.

I noticed right now that different buttons/links/images creation inside of elements that are placed inside of GridStack make it slow. I have disabled a few types of buttons/links and this improved the performance of view rendering. Right now performance is not perfect but much better. How buttons can affect performance ?

from gridstack.

I have sent you a demo project. Thanks !

from gridstack.

I have to try it out

from gridstack.

Thanks for your help! I'm really stuck right now with this performance issue of my application :(

from gridstack.

Are there any recommendations regarding this?

from gridstack.