2011-07-11 36 views
10

Quiero migrar de extjs 3 a extjs 4. He probado sample Extjs 4 example in rails 3. He observado que el tiempo de renderizado de la página es muy lento en extjs 4. No sé qué es la razón.
¿Alguien puede decirme, cuál es la razón detrás de eso? o
¿hay algún problema en mi aplicación? y
¿Qué debo hacer para mejorar el rendimiento de extjs 4?Extjs 3 a Extjs 4

+0

¿Has observado si se trata de un problema de ajax (red) o un problema de renderizado externo? – atian25

+0

Gracias por responder, pero lo he probado en el host local. Creo que no es ningún problema ajax. Y también había comido la misma aplicación con ext 3. No uso ninguna grilla. Solo estoy mostrando una forma simple aún lenta. No sé por qué es así. –

+0

Estoy usando grails1.4M1 + extjs4.0.2, pero no veo que sea lento. Quizás tengas que poner más información – atian25

Respuesta

10

ExtJS 4.0 tiene problemas de rendimiento,

ExtJS 4.0.2 es la versión que necesita que las soluciones más problemas de rendimiento, sigue siendo lento, aunque ...

Google para ExtJS 4 de rendimiento

+4

Votación abajo para comparar ExtJS a jQuery. – dmackerman

+1

@dmackerman, estoy comparando la calidad y el rendimiento, no las características de esos marcos. ¿Has usado ExtJS, Dojo y jQuery? – Dzhu

+3

@Dzhu: Ext-JS y jQuery son bestias completamente diferentes, no compare naranjas y manzanas. jQuery es como Ext-Core http://www.sencha.com/products/extcore/, intenta medir el rendimiento en esos dos. Ext-JS es más como jQueryUI (pero jQueryUI no es tan bueno). Dojo es una mejor comparación. jQuery es para mejora progresiva y Ext-JS es para aplicaciones web que requieren JS. Estoy usando Ext-JS 4.0.6 y aunque creo que Ext-JS 4.0 no fue probado exhaustivamente (encontré muchos errores por mi cuenta), sigo creyendo que es el framework/biblioteca de UI más completo para la web. –

4

¿Olvidaste desactivar la carga dinámica de recursos? Tenga en cuenta que ext * -all.js acelerará la carga de la página de manera espectacular.

3

ExtJS 4 es mucho más rápido que ExtJS 3. Los chicos de sencha resolvieron muchos problemas de renderizado y mejoraron enormemente el rendimiento.

En el enlace de ejemplo, solo lea la sección de implementación. El rendimiento allí es un problema normal para el desarrollo ya que en la cuarta versión se introdujo el cargador ext y es mucho mejor para depurar y desarrollar utilizando archivos cortos concretos del marco en lugar de cargar archivos grandes (más de 100k líneas) y siempre se sabe dónde están los problemas son.

En producción necesita usar Sencha SDK que generará la aplicación inicial requerida js plus dependencias extjs. Es mucho mejor de lo que era en la 3ra versión donde necesita cargar todo el marco.

2

Extjs 4.1 se resuelve muchos problemas relacionados con los diseños. Si usted tiene paneles anidados, lo hace mejor reproducción en comparación con el Ext 3.

+0

Por "mejor representación" ¿se refiere a la velocidad/rendimiento, que es lo que el OP estaba preguntando? –

+0

Rendimiento. En particular, se observó una gran diferencia en el rendimiento con el diseño de la frontera. – srknori

2
  1. Puede parece ser la respuesta tardía, pero la verdad es ExtJS 4.x es mucho más rápido que la versión 3.x ExtJS, más durante hizo que el desarrollador front-end creara su aplicación con un enfoque de patrón MVC para organizar su estructura de codificación mucho más clara y fácil de mantener.
  2. ExtJS 4.x resuelven los problemas de representación una mejora en el rendimiento sobre la compatibilidad del navegador también.
  3. Para responder a su pregunta, puede haber muchas razones, como se indica a continuación.
    1. Comprobar con la herramienta de desarrollo, que parte del archivo js tomar más tiempo para cargar como comparar a extjs 3.x
    2. que pueda estar usando componentes más interiores (añadir nuevos elementos a los padres y niños que tienen más componentes sub componentes, etc.).
    3. Incluso puede utilizar las nuevas herramientas Sencha SDK (descargue aquí) hace que la implementación de cualquier aplicación Ext JS 4 sea más fácil que nunca. Las herramientas le permiten generar un manifiesto de todas las dependencias de JavaScript en forma de un archivo JSB3 (formato de archivo JSBuilder) y crear una compilación personalizada que contenga solo el código que necesita su aplicación.

Nota: Es todo depende de cómo diseñar su aplicación (Arquitecto).

Gracias

1

ExtJS es 4.x contiene gran cantidad de errores en comparación ExtJS 3.x. Estoy usando ambos en mi proyecto diferente. por ejemplo 4.0.7 contiene el problema de carga de archivos hasta ahora, así que quiero que diga mi opinión extjs 3.x es una versión más estable del trabajo de marcos extjs.