8

I'm a developer with a problem ;) Currently we're close to an end on our project (using Vaadin) however...

we're getting some trouble with displaying simple data in one of our views. (over 500 KB of data to display, and over 15K DOM elements after Vaadin is done with generating it... + lots, and lots and LOTS seconds before it's done).

My task is to find out how i can make this as small and as fast as possible, so my first guess was to use some other layouts than those avaliable in standar Vaadin.

I used WeeLayout, DashLayout and CssLayout(default), compare is below: 

weeLayout 
- page size:            990 KB
- DOM elements (SMALL): 1454
- DOM elements (BIG):   15423
cssLayout
- page size:            886 KB
- DOM elements (SMALL): 1434
- DOM elements (BIG):   13799
DashLayout 
- page size:            938 KB
- DOM elements (SMALL): 1408 
- DOM elements (BIG):   12163

It didn't work. So my other guess is to write my own Layout, can someone help me with this ? I even don't know from what should i start.

Thanks Lukasz

tzim
  • 1,715
  • 15
  • 37
  • Similar Question, for Vaadin 8: [*Generate an HTML page, and open in a new window, from a Vaadin 8 app*](https://stackoverflow.com/q/51691041/642706) – Basil Bourque Aug 05 '18 at 02:58

2 Answers2

6

So the answer for this is using HTML in CustomLayout.

Example

And thread where Vaadin devel helped me

tzim
  • 1,715
  • 15
  • 37
3

Have you tried LazyLoadingWrapper add-on?

Joonas
  • 31
  • 1
  • I'll try that... But, the amount of extra HTML generated by Vaadin is overwhelming. I would rather try to simplyfied it. Do you have any idea how to do so ? – tzim Apr 25 '11 at 09:54
  • @Joonas: I think the behaviour of this addon should be a default one in Vaadin. Do you happen to know: in case I have tab UI control, each tab holds a big image, will it prevent browser from fetching the non-visible images? That will save me a lot of traffic. – dma_k Dec 16 '11 at 15:04