使用 Vaadin 生成缓慢的 HTML答案

【问题标题】：Slow HTML generation with Vaadin使用 Vaadin 生成缓慢的 HTML
【发布时间】：2011-04-22 08:42:52
【问题描述】：

我是一个有问题的开发人员；）目前我们的项目接近尾声（使用 Vaadin）但是......

在我们的一个视图中显示简单数据时遇到了一些问题。（超过 500 KB 的数据要显示，在 Vaadin 完成生成后超过 15K 的 DOM 元素...... + 很多，还有很多秒，然后才完成）。

我的任务是找出我怎样才能使它尽可能小和尽可能快，所以我的第一个猜测是使用标准 Vaadin 中可用的其他一些布局。

我使用了 WeeLayout、DashLayout 和 CssLayout(default)，比较如下：

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

没有用。所以我的另一个猜测是编写自己的布局，有人可以帮我吗？我什至不知道我应该从什么开始。

谢谢卢卡斯

【问题讨论】：

类似问题，对于 Vaadin 8：Generate an HTML page, and open in a new window, from a Vaadin 8 app

标签： java vaadin tomcat

【解决方案1】：

因此，答案是在 CustomLayout 中使用 HTML。

Example

And thread where Vaadin devel helped me

【讨论】：

【解决方案2】：

您是否尝试过 LazyLoadingWrapper 插件？

【讨论】：

我会尝试...但是，Vaadin 生成的额外 HTML 数量是压倒性的。我宁愿尝试简单化它。你知道怎么做吗？
@Joonas：我认为这个插件的行为应该是 Vaadin 中的默认行为。您是否知道：如果我有选项卡 UI 控件，每个选项卡都包含一个大图像，它会阻止浏览器获取不可见的图像吗？这将为我节省大量流量。