¿Técnicas de optimización de código en extjs?

Question

Estoy creando dinámicamente algunos controles en una página. se volverá lento cuando tengamos unos cincuenta controles.

¿Cuáles son las técnicas/pautas de optimización de código utilizadas en extjs? ¿Hay algún método específico que ralentice la carga completa?

Answer 1

Mis consejos son

• Uso Ext.container.Container en lugar de Ext.panel.Panel.
• En lugar de agregar componentes ext, use XTemplate con vista de datos para cargar controles similares.
• si está utilizando muchas imágenes y luego usa sprites de imagen: un sprite de imagen es una colección de imágenes puestas en una sola imagen. Una página web con muchas imágenes puede tardar mucho tiempo en cargarse y genera múltiples solicitudes de servidor. El uso de sprites de imagen reducirá el número de solicitudes del servidor y ahorrará ancho de banda. http://css-tricks.com/css-sprites/

Answer 2

Sencha tiene grandes mensajes:

Ext JS 4.1 Performance sobre: ​​

• La latencia de red que afecta en gran medida el tiempo de arranque inicial, sino también la carga de almacenamiento de datos de tiempo.
• Procesamiento de CSS.
• ejecución de JavaScript.
• DOM manipulación.

Optimizing Ext JS 4.1-based Applications sobre consejos de optimización y la herramienta Page Analyzer.