Optimización en Flex

Ahora es mi turno para postear la presentación de "Optimización en Flex" del pasado Mif Onsite III.

Para los que no pudieron asistir; la presentación pretendía ser una introducción básica a los conceptos de rendimiento y gestión de memoria en Flex, así como mostrar algunas técnicas de optimización mediante ejemplos prácticos y muy sencillos.

Slides:

Slides Optimización en Flex (600 Kb)

Código:

Código optimización en Flex (26 Mb)

A continuación una breve explicación del código que se enseñó:

Garbage Collector

1.1.OptFlex_GarbageCollector: Objetos con contador de referencias positivo, cero y un caso de referencia circular (nivel básico)

Profiler

2.1.OptFlex_performance_flex: Un simple bucle con traces donde, al usar el profiler, podemos comprobar el número de veces que se llama a la función, su self time y su cumulative time (nivel básico)

2.2.OptFlex_memory_flex: Creación de un botón cada segundo para poder comprobar el crecimiento paralelo de la memoria actual y la de pico (nivel básico)

Escenarios

3.1.OptFlex_binding: Este ejemplo está inspirado en un post de Doug McCune y demuestra un caso en el que una variable bindable hace que una función de filtrado vaya mucho más lenta (nivel medio)

3.2.OptFlex_modules: En este ejemplo se puede ver un caso muy sencillo de mejora del rendimiento percibido. Se demuestra como cargando un módulo desde el inicio o cargándolo después de que aparezca la pantalla de login puede hacer que el usuario perciba unos mejores tiempos de carga (nivel básico)

3.3.OptFlex_ordered_creation: Este es otro caso de mejora del rendimiento percibido. Cambiando el parámetro creationPolicy de un container a queued, podemos hacer que cargue su contenido de manera ordenada, con lo que hacemos que el usuario perciba una mayor velocidad de carga (nivel básico)

3.4.OptFlex_pool: Demostración simple de una técnica de gestión de una pool de objetos reutilizable (nivel medio)

3.5.OptFlex_repeater: Comparación de memoria (mediante profiler) y experiencia de usuario entre un componente repeater y una lista (nivel básico)

3.6.OptFlex_itemRenderer: Implementación de un itemRenderer en mxml y su equivalente basado en AS3 extendiendo de UIComponent y sobreescribiendo los métodos CreateChildren, CommitProperties y UpdateDisplayList (nivel medio)

3.7.OptFlex_references: Generación de un memory leak creando popups de manera indefinida y registrando una referencia desde Application (nivel básico)

3.8.OptFlex_cacheAsBitmap: Comparación de rendimiento mediante el uso del modificador cacheAsBitmap de la clase DisplayObject (nivel básico)

3.9.OptFlex_algorithm: Algunas técnicas sencillas para optimizar código AS3 (nivel básico-medio)

Si tenéis cualquier comentario, crítica o duda sobre la presentación dejad un mensaje y lo comentamos.

* * * * * 4 votos

Acerca de esta entrada

Usted está leyendo “Optimización en Flex,” una entrada de MadeInFlex

Autor: Alberto Alcaraz: Emprendedor de vocación e ingeniero en telecomunicaciones, Alberto se encarga del área de I+D+i de la empresa Undefined, de la que es socio fundador. Trabaja con Flash desde el año 2000 y es un apasionado de las nuevas tecnologías

URL del Autor:: http://www.undefined.es

Ver: otras entradas del autor

Publicada:: 06.11.08 / 11pm

Categorías:: Recursos, Eventos

Entradas relacionadas:: Escribe el futuro de MadeInFlex
Libros…”Adobe Flex 2: Training From the Source”
Flex Explorers
Un IDE de Flex hecho en Flex

Número de visitas:: 2389

Imprimir esta entrada:

Optimización en Flex » articulo » TheKlue: Flex, Flash y otras tecnologías RIA 06.11.08 / 11pm

[…] [ Link al post ] […]

Juan Manuel Schenini 07.11.08 / 1am

Muchas gracias por compartir esto (también extiendo mis agradecimientos para los anteriores post de los oradores). Realmente me hubiera encantado estar en las charlas, pero como no puedo de esta manera puedo aprender de Uds. y plantear mis dudas también. En definitiva, GRACIAS!!

Carlos 07.11.08 / 4pm

Buenas a todos. No me gustaría que este comentario fuera tomado a mal, pero creo que debo ser algo crítico tanto con el MifOnSite’08 como con el concurso de Air. He de decir que el MifOS’08 ha sido mi primer evento de este tipo al que asistía y sinceramente me volví “pa” casa muy decepcionado. Creo que solo saqué algo de provecho de la charla de Optimización de código, papervision3d y de las novedades que saldrán próximamente. Las otras ponencias me interesaron poco, e incluso algunas me parecieron fuera de lugar. Diciendo esto solo quiero hacer una crítica constructiva, y no provocar las iras de nadie.

Respecto al concurso no sé cómo explicarlo. La verdad es que participé y como todos los perdedores pues te quedas un poco desilusionado. Entonces es cuando dices: “Voy a ver a los ganadores a ver si pillo alguna idea nueva o que han hecho para que su aplicación esté ahí arriba…”. Abro la web del marketplace, y resulta ser que no encuentro a ninguno de los ganadores (y eso que en las bases decía que había que colgarlo allí). En eso pienso, bueno yo tampoco lo subí, así que no pondremos pegas a eso…. pero claro mirando a ver si había suerte con las menciones especiales, consigo encontrar un proyecto publicado, el MoleHunt. Maximiliano no te cabrees, pero para un programador de air hacer esa aplicación no le lleva mucho más de una tarde (incluyendo los gráficos).

En fin lo dicho solo es un poco de crítica constructiva. Pero si queremos ser serios, hay que ser serio.

Saludos.

xavi 07.11.08 / 5pm

Totalmente de acuerdo con Carlos

Carlos Rovira 08.11.08 / 1pm

Carlos, Xavi, (que curioso que sean justo esos dos nombres )

Solo deciros que lamento que no esteis contentos con el evento y el concurso, pero me agrada que haya criticas negativas (aunque constructivas) y que no solo se envíen los comentarios positivos.

Creo que esto es importante para la mejora futura, y por eso pedí ese feedback en el post :

http://www.madeinflex.com/2008/10/20/despues-del-mif-onsite-iii/

Desde la parte que me toca en la organización del evento. Este tipo de acciones las hacemos con mucha ilusión y buscando que sean del mayor interés para todos. Podéis imaginar el esfuerzo y el tiempo que lleva organizar y preparar una jornada como esta y la cantidad de gente implicada para que todo sea lo más aprovechable. Con todo, no siempre toda la gente sale contenta de dichas jornadas por muy diversos motivos.

Animo a otros asistentes a mandarnos más opiniones (también pediría que se colgasen en el post antes mencionado, ya que tiene más sentido que en este).

Por otra parte, también quiero aprovechar para ser yo también un poquito crítico y pedir a aquellos que quieren mejoras que sean proactivos y que empiecen por aportar a la comunidad.

Alfonso Ribera 10.11.08 / 9am

Estoy de acuerdo con todo lo que se ha dicho. Se que preparar un evento es muy complicado.

Pero me gustaria sugerir una cosa para el próximo evento. Estaría bien que antes se sugirieran varios temas para las charlas. Asi todos podrían decidir cuales les interesan mas.

Respecto a lo de aportar a la comunidad. Estaria bien que colgaseis las aplicaciones que participaron en el concurso en esta web.

Xavi 10.11.08 / 10am

Hola de nuevo.

Antes que nada, disculpas a Alberto Alcaraz por utilizar su post de opmitización para tratar este tema

Y siguiendo con el hilo, creo que lo que expone Alfonso sería bueno para la comunidad, saber de primera mano cuales son las preferencias/inquietudes de la comunidad sobre el mundo flexero. Conocer cuales son los puntos fuertes que se deberían tratar y que son desconocidos y motivadores para todos.

Quizás al organizarse pocos eventos a nivel nacional se espera que estas ponencias ofrezcan más ponencias sin ánimo de lucro y que sean más didacticas en lo que a flex/as se refiere.

Ya se sabe que quizás no todo el mundo tenga el tiempo suficiente para desarrollar un tema desde 0 y que sea del agrado de todos pero creo que merece la pena.

Por otro lado, y ya que estamos, estaría bien “no se como” de dar un nuevo empuje a la comunidad ya que parece como que está en estado stand by, al contrario de otras comunidades Flexeras de otros paises (véase India).

Tendríamos que ser un país/comunidad de referencia en temas de Flex y creo que no se está consiguiendo.

Necesitamos un lavado de cara. ¿MadeInFlex 2.0?…

Eso es todo. Un saludo a todos.

Alfonso Ribera 10.11.08 / 10am

Discupa Alberto Alcaraz, pero este tema creo que es interesante.

A ver Xavi, tampoco vale con decir que necesitamos un lavado de cara y ya está. Hay que aportar sugerencias. ¿Que crees que le hace falta a la comunidad? ¿Como mejorarias lo que ya hay?

Por ejemplo, estaría bien crear proyectos opensource donde todos pudieramos participar. También en la parte de RRHH un apartado FreeLance donde la gente expusiera sus necesidades flex/flash (librerias, diseños, estilos, etc.)

Quizás un nuevo portal, con más apartados (foros, showcase, apartado de codigos/librerías, etc…) algo con lo que la gente pueda participar más activamente. Es decir, un buen motivo para entrar en www.madeinflex.com.

Ya se que existe la lista de correo, pero creo que no es suficiente.

No se si es únicamente una percepción mia, pero … si estos comentarios se huvieran posteado en la lista, seguramente mucha más gente opinaría. Sin embargo al estar por aquí nadie comenta (ni positiva ni negativamente). Eso parece un síntoma de que la gente no entra a madeinflex por que sí, y es lo que hay que conseguir.

Un saludo.

Zandy 10.11.08 / 5pm

Hola flexeros.

Buena esa alberto, un tema bastante interesante y del cual no hay mucha literatura en castellano.

salu2
z\d\y

MIF OnSite III - Resumen » Luis Adrián Rosas Wiedfeldt 12.11.08 / 1pm

[…] Alberto Alcaraz - Optimización en Flex […]

MadeInFlex » Blog Archive » Escribe el futuro de MadeInFlex 13.11.08 / 1am

[…] los ultimos dias hemos recibido criticas y sugerencias sobre lo que estamos ofreciendo desde MIF, sobre lo que no ofrecemos y sobre lo que quizas deberiamos […]

Xavi Beumala 13.11.08 / 1am

Buenas a todos. Dado la embergadura de la discusion y teniendo ne mente todo lo bueno que podemos sacar de una discusion como esta he creido conveniente hacer la discusion mas visible y he creado el siguiente post en el que el equipo de mif esperamos ver todas vuestras sugerencias, criticas y por que no alabanzas (que seguro que alguna cosa hacemos bien

http://www.madeinflex.com/2008/11/13/escribe-el-futuro-de-madeinflex/

Josema 13.11.08 / 2am

Ante todo gracias por este post. He estudiado los ejemplos y son de mucha utilidad. Y aprovechando que habeis sacado el tema me gustaria hacer una consulta a los gurus de Flex jeje.

Supongamos que voy creando muchos Panels y añadiendolos en un contenedor. Eso aumentará la memoria. Sin embargo si yo hago un removeChild la memoria no disminuye. Existe alguna manera en flex de optimizar esto?

Un saludo. Y gracias de antemano.

Alberto Alcaraz 15.11.08 / 2pm

Hola Josema, me alegro que te haya servido de utilidad la presentación y perdona que haya tardado en responder.

De hecho, si que debería disminuir la memoria al ir borrando paneles. Asegúrate que no se estén quedando referencias o listeners a los paneles, ya que esto haría que le garbage collector no los marcara para borrar.

Si pruebas este código, podrás ver con el profiler como cada cierto tiempo baja la memoria:

< ?xml version="1.0" encoding="utf-8"?> < ![CDATA[ import mx.containers.Panel;


			private function init():void

			{

				var timer:Timer = new Timer(100);

				timer.addEventListener(TimerEvent.TIMER, onTimer);

				timer.start();

			}
			private function onTimer(event:TimerEvent):void

			{

				var panel:Panel = new Panel();

				this.addChild(panel);

				this.removeChild(panel);

			}

		]]>

Espero que te sirva, y si tienes cualquier duda, vuelvela a postear y la comentamos.

Un saludo,

Alberto

Optimización en Flex

Garbage Collector

Profiler

Escenarios

Acerca de esta entrada

15 Comentarios

Su comentario

Próximo encuentro...

Entradas Recientes

Archivos Mensuales

Top Entradas

Mejores entradas del mes

Categorías