How to enable CodeSplitting in Vaadin 7

Vaadin 6 / 7 / 8
1

I have read several posts in wiki like the following ones:

http://dev.vaadin.com/wiki/WidgetSet

https://vaadin.com/wiki/-/wiki/Main/Introduction%20to%20optimizing%20custom%20GWT%20widgets%20in%20Vaadin#section-Introduction+to+optimizing+custom+GWT+widgets+in+Vaadin-1.2MinimizingClientServerCommunication

But they only work for Vaadin 6.

I also read some other posts but none of them tell how to do this in Vaadin 7.

Could any one share some links or posts about how to do CodeSplitting in Vaadin 7?

Thank you.

2

At the moment code splitting does not work with Vaadin 7. See http://dev.vaadin.com/ticket/8636

3

I am a newbie to Vaadin, and I have noticed this issue because it loads a 1MB sized JS file at initial.

The project I tested was the “Hello world” generated by the eclipse plugin.

Would this be fixed any time soon, or there are alternatives?

Thank you!

4

The ticket is still targeted for 7.0 - not a guarantee but what we try to do. That would reduce the initial size, but it will still be relatively big.

Note that the size of the widgetset (the large JavaScript file) does not grow with your application, and enabling HTTP compression on your server will reduce the size of the download considerably. Using new client side add-ons will increase the size somewhat, but only by a fixed amount per add-on.

Once the JavaScript is loaded (and cached in the browser), the amount of data communicated over the network is typically considerably less than in a page based application.

5

Thank you for the reply.

The JS files are cached in the browser, the load time after the initial becomes relatively fast.

For now, it seems the only solution to reduce the initial load would be enabling HTTP compression in the server.

I would like to see this issue be fixed. Thanks for your help.:slight_smile: