Si bien esto puede no estar relacionado con el rendimiento como la velocidad, es importante en el contexto móvil de jquery que agregue scripts correctamente a las páginas. Plain old $(function(){}) te sorprenderá. No funciona en algunos casos.
Cuando se hace clic en un enlace, jquery mobile busca la página con ajax y agrega su contenido a la página actualmente abierta ignorando todo lo que ingresó en el <head>. [Esto es cierto de 1.0a2 JQM]
Hay dos formas de agregar secuencias de comandos que trabajarán:
- poner todas las secuencias de comandos en un solo archivo .js y vincularlos en la cabeza de todas las páginas de su aplicación y trabajar con eventos que proporciona jqm (pageshow y pagecreate).
- colocando scripts en la parte inferior del cuerpo y NO requiere que DOMready se dispare.
La segunda manera podría ser mejor para el rendimiento en aplicaciones grandes, donde hay muchas secuencias de comandos que el usuario podría no usar (no visitar ciertas páginas). Lo recomendaría de la primera manera: es más limpio y jqm parece alentarlo.
Un híbrido de ambos podría ser lo mejor: al agregar un controlador de eventos de pageshow, se activaría una función predeterminada de cada página cargada.
[editar]
ver Limitaciones here en la parte inferior de la página.
Buena pregunta, ¿la cantidad de peticiones HTTP es la más importante aquí? He visto algunos sitios incluir js & css en la página en lugar de recursos externos. También creo que será muy diferente dependiendo del dispositivo, pero sería bueno tener algunas estadísticas en todas las plataformas. – redsquare
@James Newton-King, finalmente, ¿cómo estás? Antes, siempre ponía el js en el fondo, pero hoy encontré el aspecto de ponerlo en el fondo, el ícono de carga no se muestra (la primera pantalla es muy fea y cambió al estilo de JQuery para dispositivos móviles). No sé si es porque el problema de la ubicación js, ¿me puede decir que finalmente elige por favor? Gracias – qakmak