For better performance in rendering interface is it better to use sidebysidelayout or columnlayout?

Question

For better performance is it better to use sidebysidelayout or columnlayout?

Dave Lewis · Answer

Wow pretty surprising result. I made a section layout with 169 text fields. This was 13 side-by-side layouts with 13 text fields each, followed by 13 columns with 13 text fields each. 
 13 side-by-sides: 184 ms 
 13 columns: 41 ms 
 Columns are therefore approximately 4 times as fast as side-by-side. So if you're doing a grid of components, it would be slightly better to organize the elements vertically rather than horizontally. 
 That said, both are so fast that even a 4x difference is inconsequential. 184 ms of latency would be fine for even a professional League of Legends or Counterstrike player. You could probably even pull of frame-perfect moves with that kind of latency. It's like trying to decide which bolt of lightning was the fastest. Also, this is with 169 components on a single form, which is insane. You are NEVER going to make something so convoluted that it would ever matter which one you use, performance wise. 
 When you want to organize elements vertically, like a newspaper, use columns. When you want to organize elements horizontally (for instance within a column) use side-by-side. And don't put 169 elements on a form.

For better performance in rendering interface is it better to use sidebysidelayout or columnlayout?

Top Replies