Hi, I am testing the performances of Vaadin for a new application.
I need to put many fields in a single form in a grid-like structure.
First I used the GridLayout, but for forms with many fields the time to open a window on IE 7 was high.
So I investigated others layouts and here are my results.
For the test I opened a modal window with a grid of 12 rows and 4 columns; in every cell a field: the first and third columns are TextField, the second and fourth DateField. Attached is a screenshot (using FastGrid).
I tested every layout with Firefox, Chrome and Internet Explorer 6.
Here are the times in ms to show the modal window, taken from the debug window: for Firefox and Chrome I took 4 times, for IE I took 7 times.
AbsoluteLayout: one of the best, fast and simple, in Vaadin core
Firefox 3.6.6: 212 194 195 192
Chrome 5.0.375.99: 113 104 95 96
Internet Explorer 6: 656 765 828 890 969 1063 1156
FastGrid: very fast, need to add the caption separately (boring, but so I can put them everywhere). Not in Vaadin core.
Firefox 3.6.6: 188 189 185 186
Chrome 5.0.375.99: 58 54 53 60
Internet Explorer 6: 578 656 781 844 875 969 1047
GridLayout: feature rich, not so fast
Firefox 3.6.6: 309 309 310 307
Chrome: 5.0.375.99: 119 116 113 112
Internet Explorer 6: 906 1109 1234 1344 1563 1765 1857
CssLayout: very fast, difficult positioning of captions
Firefox 3.6.6: 144 143 143 144
Chrome 5.0.375.99: 63 55 54 55
Internet Explorer 6: 391 453 516 578 625 703 796
CustomLayout (using a table): a big surprise: the slowest
Firefox 3.6.6: 477 419 421 425
Chrome 5.0.375.99: 143 124 124 126
Internet Explorer 6: 1062 1203 1375 1469 1640 1797 1875
The clear winner is Chrome, second Firefox and distant third IE.
IE has another big problem, if I close and reopen the window the time to reopen grows, every time, as you can see above.
I hope it helps others to choose their layouts.
N.B. you have to install the Fast layouts addon to run the test.
N.B. I am not an expert of Vaadin so feel free to correct me.
Claudio
11359.zip (5.09 KB)