Carga jquery bajo petición

meagle · #1 (**permalink**) 25/10/2010, 13:43

Buenas. Quisiera saber si hay alguna forma de cargar el jquery cuando el usuario incia alguna acción, y si habéis tenido problema con ello. No se trata de cargar el jquery al final, sino cargarlo sólo cuando se vaya a utilizar para algo en particular. Gracias.

mayid · #2 (**permalink**) 25/10/2010, 18:41

Te referís a cargar un archivo js? Si, se puede con get script. Podes buscar aqui en el foro que ya se ha tratado el tema.

meagle · #3 (**permalink**) 26/10/2010, 00:05

No...me refiero a cargar el jquery cuando el usuario pulse sobre un enlace por ejemplo.

mayid · #4 (**permalink**) 26/10/2010, 06:54

Bueno, preguntá en el foro de javascript. Tenes que cargarlo con ajax, supongo. Pero sin las herramientas de jquery ...

Dany_s · #5 (**permalink**) 27/10/2010, 14:46

para qué? para ahorrar la descarga? ni que pese 1mb

usa jquery desde google, quzá otra página la haya utilizado y el usuario ya la tiene en caché

meagle · #6 (**permalink**) 27/10/2010, 15:50

Hombre, porque cuando peleas por búsquedas superiores a los 200 millones, parece que no, pero el tiempo de carga, es un factor.
mayid, supongo que una opción es cargarlo con ajax, pero no tengo muy claro como avisar de la carga de jquery y que el usuario espere, que no parezca un error.

chicohot20 · #7 (**permalink**) 27/10/2010, 16:04

Solo pesa 76KB, porque te ahogas en un vaso de agua?

Dany_s · #8 (**permalink**) 27/10/2010, 19:06

son 26KB con gzip

supongo que para usar jquery debes darle mucho uso en tu sistema, ¿entonces para que descargar cuando alguien haga click?

si es solamente para usar jquery en pocas cosas (cuando hagan click en un link específico), ¿para qué usar jquery?

no entiendo en qué parte se puede ahorrar algo

¿se puede ver el sitio en cuestión?

meagle · #9 (**permalink**) 28/10/2010, 02:36

No hay problema. El sitio es la página principal de mi firma. Tengo el tiempo de carga más alto que los diez primeros resultados. Necesito bajarlo por debajo de un segundo preferiblemente

Dany_s · #10 (**permalink**) 28/10/2010, 20:18

tenes jquery distintos en cada seccion, usa el de google!

el de esta sección pesa 93K, el del index 33

parece que usas algún optimizador pero parece que lo usas mal porque te juega en contra

tenés muchas lineas de css y javascript en el html, exceso de divs, fijate en estructurar un poco mejor tu html

muchas imágenes, tratá de reducir el peso y juntalas (las que estan fijas) en una sola, lee sobre css sprites

fijate tu cache, tu pagina pesa 370k y del cache carga solo 190k

fijate desactivando la carga de imagenes

insisto, no se que es tu smartoptimizer pero todo lo que tiene esa url no cachea y justamente las imágenes y los js

meagle · #11 (**permalink**) 29/10/2010, 01:44

Antes de nada. Muy bueno tu análisis. Si pudieses decirme con que programa lo has realizado, te lo agradecería, porque a mí el Yslow no me dá esa información. Y ahora por partes.

Cita:

Iniciado por Dany_s

tenes jquery distintos en cada seccion, usa el de google!

el de esta sección pesa 93K, el del index 33

Bueno, es que utilizo varios scripts según la página, y de ahí los distintos tamaños. El exceso de esta página responde a un tema de autogeneración, más que otra cosa que ahora correjiré. Pero, me recomiendas cargar un script único de jquery y el resto cargarlos de forma adicional o mejor sigo con un archivo jquery específico según el plugin que utilice?

Cita:

Iniciado por Dany_s

parece que usas algún optimizador pero parece que lo usas mal porque te juega en contra

Utilizo un servidor asp que adicionalmente admite php. Esto implica una nula capacidad de compresión de archivos asp.

Cita:

Iniciado por Dany_s

tenés muchas lineas de css y javascript en el html, exceso de divs, fijate en estructurar un poco mejor tu html

Ahora mismo me pongo, vaya.

Cita:

Iniciado por Dany_s

muchas imágenes, tratá de reducir el peso y juntalas (las que estan fijas) en una sola, lee sobre css sprites

Ya utilizo esta técnica. De hecho tan sólo hay dos imágenes css, aunque puede ser que el jquery de la fecha cargue alguno más. Creo que terminaré eliminando esta fecha, de ahí lo de cargar el jquery bajo petición. El calendario empieza a ser un gran problema.

Cita:

Iniciado por Dany_s

fijate tu cache, tu pagina pesa 370k y del cache carga solo 190k

fijate desactivando la carga de imagenes

Lo que te comentaba del Yslow, a mí sólo me dá sin cachear las llamadas ajax.

Cita:

Iniciado por Dany_s

insisto, no se que es tu smartoptimizer pero todo lo que tiene esa url no cachea y justamente las imágenes y los js

El sistema corre bajo asp, y no he encontrado la posibilidad de hacer funcionar el gzip, así que smartoptimizer es una pequeña utilidad bajo php que permite comprimir. Ya te digo, no encontré nada mejor.
Ni que decir que te doy las gracias por este análisis. Saludos.

Dany_s · #12 (**permalink**) 29/10/2010, 05:40

lo miré por arriba con el firebug https://addons.mozilla.org/es-ES/firefox/addon/1843/ tambien hay para chrome

elimina todos los jquery que tengas y llamá desde esta url
https://ajax.googleapis.com/ajax/lib.../jquery.min.js

o busca usa otras versiones si queres, si queres 1.4.2, 1.3 etc
http://code.google.com/intl/es-ES/ap...de.html#jquery

yo lo que hago es unir todos los css y plugins jquery generales en un archivo (uso una libreria en java) que ademas me los comprime, tambien otro que me elimina los espacion en blanco y comentarios de los html, todo al compilar no es que lo hace al vuelo, usa cache y gzip.
Por cada sección o módulo que usan tareas jquery únicos los dejo separados y los llamo solo de esa pagina que la utiliza.

Y trato de no tener div aninados que no contengan nada

Lo que tarda no es siempre lo que tenga que ver con la vista, la programación del lado del servidor es muy importante.

Otra que vi es que tenes una lista larga de autos, no es mejor mostrar 10 y usar paginador? o tambien podes mostrar 200 pero usando paginador tipo imagenes de google, acá mira el ejemplo que puse
http://www.forosdelweb.com/f127/no-c...4/#post3565533

meagle · #13 (**permalink**) 29/10/2010, 15:13

Bueno, empiezo por abajo. El tema de los autos es simple relleno de texto, puedo acortar la lista sin problemas, pero no una prioridad por ahora.
Mi programación se parece bastante a la tuya. El lado del servidor apenas se utiliza salvo que se pase algún dato para reservas y esas cosas. El resto se compila antes y se crea el archivo asp sin llamadas a la base de datos. La lástima es que asp se dá de tortas con la compresión gzip.
El tema del caché es el que no llevo nada de claro. Vamos, que no tengo ni idea de como forzar a que guarde el elemento en caché. ¿Alguna sugerencia?
Sobre los divs...estoy en ello, reestructurando la página al completo y aplicando nuevo css. Supongo que debe generar menor tiempo de carga, menos código y por tanto mejor posicionamiento, pero eso ya es otra historia. Gracias de nuevo.