2011-04-22 18 views
8

yo soy un desarrollador con un problema;) Actualmente estamos cerca a su fin en nuestro proyecto (utilizando Vaadin) sin embargo ...generación de HTML lenta con Vaadin

que estamos recibiendo algunos problemas con la visualización sencilla datos en uno de nuestros puntos de vista. (más de 500 KB de datos para mostrar, y más de 15K elementos DOM después de que Vaadin haya terminado de generarlo ... + lotes, y montones y MUCHOS segundos antes de que se realice).

Mi tarea es averiguar cómo puedo hacer esto tan pequeño y tan rápido como sea posible, así que mi primera conjetura fue utilizar algunos otros diseños que los disponibles en el estándar Vaadin.

que utilizan WeeLayout, DashLayout y CssLayout (por defecto), comparar es a continuación:

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 

No funcionó. Entonces mi otra suposición es escribir mi propio Layout, ¿alguien puede ayudarme con esto? Incluso no sé por qué debería empezar.

Gracias Lukasz

Respuesta

3

¿Usted ha intentado LazyLoadingWrapper complemento?

+0

voy a tratar de que ... Pero, la cantidad de HTML adicional generada por Vaadin es abrumadora. Prefiero tratar de simplificarlo. ¿Tienes alguna idea de cómo hacerlo? – tzim

+0

@Joonas: Creo que el comportamiento de este complemento debe ser el predeterminado en Vaadin. ¿Sabía que: en caso de que tenga el control de la IU de pestañas, cada pestaña contiene una imagen grande, ¿evitará que el navegador busque las imágenes no visibles? Eso me ahorrará mucho tráfico. –