IE que se va haciendo cada vez más lento

[Jeromin]

Buenas,

He creado una aplicación web con muchos formularios que son bastante complejos.

La tecnología que uso es PHP, MySQL, JQuery y Ajax. Lo pruebo en IE8.

En algunos formularios, los más complejos (con muchos combos, tablas, actualización de datos con Ajax, etc), según voy probando distintas opciones cada vez se hacen más y más lentos, por lo que tengo que acabar cerrando el explorador (a través del Administrador de Tareas de Windows) y veo que la pestaña del IE de mi formulario tiene a la CPU ocupada incluso por encima del 80 ó 90. La cierro y la vuelvo a abrir, y hasta la siguiente, cosa que no tarda mucho, según las operaciones que haga con él.

¿Qué debo hacer? Imagino que es gestionar la caché, pero no sé como hacerlo desde el javascript o jquery. Me vendría muy bien una ayuda.

Saludos.

[Emirodgar]

¿Has probado con otros navegadores? quizá el problema sea tu aplicación que consume muchos recursos...

[Jeromin]

De eso estoy completamente seguro, de que consume muchos recursos, pero los consume sobre todo porque el navegador no se desembaraza de lo que ya no necesita, por si hay que volver atrás, ya sabes, el historial.

Estamos usando navegadores de internet como interfaz para aplicaciones complejas, algo para lo que no fueron inicialmente diseñados, pero que es algo muy cómodo para el usuario, porque no hay que instalar nada en el PC. Ahora se han ido adaptando con la 2.0 y todas esas cosas, pero no es como una aplicación de escritorio en donde no se guarda ningún historial ni nada parecido. Me gustaría saber cómo gestionar eso desde javascript o jquery.

[maycolalvarez]

concuerdo con Emirodgar, por mucho que no me guste a mí IE, no creo que sea tan lento como para eso, prueba con otros navegadores, quizás tendrás que optimizar el javascript de tu aplicación y evitar el abuso de AJAX (por ejemplo sacar cuentas desde php si se pueden hacer en el JS local)

intenta usar la versión comprimida de jQuery, es la misma, pero sin tabulaciones, espacios, etc. eso ayuda en el rendimiento del interprete js

PD: tanto en IE, Chrome y Firefox, han tenido algo en común en las últimas versiones: optimizaron el motor JS, por lo que estan preparados para la "nube" que es precisamente el desarrollo de aplicaciones web, muy pronto las aplicaciones comunes (tipo window) podrían desaparecer

[Jeromin]

Gracias a los dos pero creo que la clave está en la caché. Quizá me equivoque.

Cada vez que el usuario pulsa uno de los múltiples controles que tiene el interfaz, cambia el cotenido de muchos de los cuadros combinados, listas, tablas, etc. Nuevas posibilidades para el usuario que de nuevo interactúa con los controles del interfa para visualizar información nueva con nuevos cuadros combinados, listas, etc. Todo eso actualizado desde Ajax. Algunas listas desplegables ofrecen más de 1000 posibilidades, otras bastantes menos.

En las primeras interacciones entre el usuario y el interfaz todo va como la seda. El Ajax actúa y da la sensación de que estás trabajando en local. Un gustazo. Pero al cabo de unas cuantas interacciones la CPU se va sobrecargando y el interfaz se hace cada vez más lento hasta que es imposible usarlo.

¿Por qué se sobrecarga la CPU? Una vez se han descargado los datos en el DOM con Ajax y se actualiza el interfaz ya no tiene nada que hacer. Debería estar nuevamente disponible sin demora, pero no es así. ¿Qué es lo que sobrecarga la CPU? Si no es la caché del navegador que no necesito, ¿qué es?

[maycolalvarez]

la caché del navegador es un conjunto de archivos que éste guarda en el directorio de archivos temporales para evitar la re-solicitud de los mismos, por ejemplo imágenes, js, etc.

el caché hace más rápido el navegador, pero, cuando usas AJAX debes de expirar todos los response debido a que la caché del navegador actuará y no enviará el request, así que eso solo afecta la velocidad de respuesta en el servidor, no la del Javascript, generalmente los motores JS automatizan su memoria de objetos no utilizados.

por eso debes de probar tu sistema en otro navegador, por ejemplo firefox con firebug te permite descubrir la velocidad de los request y así determinar si el exceso de ellos disminuye el rendimiento de la aplicación.

[Jeromin]

¿Cómo se controla la expiración de los request de Ajax?

[maycolalvarez]

con estos encabezados:

Código PHP:

header( "Expires: Mon, 26 Jul 1997 05:00:00 GMT" );  // disable IE caching
header( "Last-Modified: " . gmdate( "D, d M Y H:i:s" ) . " GMT" ); 
header( "Cache-Control: no-cache, must-revalidate" ); 
header( "Pragma: no-cache" );
 

[Jeromin]

Muy interesante. Muchas gracias maycolalvarez. Seguro que me resultará útil.

Con tu anterior explicación he ido a mi código y he comprobado que no tenía llamadas Ajax utilizando callbacks, con lo que, al cambiarlas para que se produzcan en cascada, parece que el problema se ha resuelto, al menos de momento.

Lo que no acabo de comprender es porqué funciona bien durante un rato, se interacciona bien, se hacen los request Ajax y responde bien y, a partir de cierto punto, se va haciendo pesado, cada vez más, hasta que casi se bloquea. Las operaciones del usuario son las mismas. Pero al abrir la página van bien y luego, cada vez funcionan más lentamente.

Por eso sospechaba que algo se iba quedando en memoria cada vez que interactuaba con el interfaz. En una ocasión la memoria que ocupaba el IE con una de las páginas, tras interactuar varias veces con ella, superaba el Giga, lo cual resulta inmanejable para el sistema. Pensé que el IE almacenaba una caché en memoria RAM, además de la del disco, para algún tipo de operaciones.

Gracias de nuevo.