Comentarios en: Reduce el tiempo de carga en Wordpress con WP jQuery Lazy Load http://www.nosolocodigo.com/jquery-lazy-load-para-wordpress-reduce-tiempo-de-carga Blog de desarrollo web, Joomla, Wordpress y software libre Sat, 06 Feb 2010 14:32:23 +0000 http://wordpress.org/?v=2.9.1 hourly 1 Por: David http://www.nosolocodigo.com/jquery-lazy-load-para-wordpress-reduce-tiempo-de-carga/comment-page-1#comment-4137 David Sun, 29 Nov 2009 05:07:34 +0000 http://www.nosolocodigo.com/?p=1743#comment-4137 Hola Leandro, es verdad, se incrementa en 2 (grey.gif y el fichero del plugin, en caso de que no lo juntes todo con jquery.js) el número de peticiones, pero según mi manera de verlo, sigue siendo mejor opción, ya que mucha gente entra al sitio hecha un vistazo rápido y si va, sin siquiera hacer scroll... con el plugin, aunque incrementes en 2 las peticiones iniciales, estás ahorrando todas las peticiones restantes. Por cierto, la petición a grey.gif solo se hace una vez para toda la página, y se usa la misma imágen grey.gif para todas las imágenes... Además, a una mala puedes crear un CDN para contenido estático en caso de tener un sitio web con mucho tráfico, la mejora de velocidad se crea con la sensación de que la primera carga es más instantanea, después, servir contenido estático no debería ser un gran problema para el CDN externo. No se si me he explicado, jejeje. En cualquier caso e mi opinión, y puede ser que no sea del todo correcto este punto de vista... Investigaré más sobre el tema. A modo de experimento pondré un evento en Google ANalytics para controlar cuanta gente abandona el blog sin tocar la barra de scroll, de esta forma podré saber si de verdad estoy ahorrando tráfico o no... Un saludo, por cierto, hecho de menos los artículos de tu blog.. jejeje ;) Hola Leandro, es verdad, se incrementa en 2 (grey.gif y el fichero del plugin, en caso de que no lo juntes todo con jquery.js) el número de peticiones, pero según mi manera de verlo, sigue siendo mejor opción, ya que mucha gente entra al sitio hecha un vistazo rápido y si va, sin siquiera hacer scroll… con el plugin, aunque incrementes en 2 las peticiones iniciales, estás ahorrando todas las peticiones restantes. Por cierto, la petición a grey.gif solo se hace una vez para toda la página, y se usa la misma imágen grey.gif para todas las imágenes…

Además, a una mala puedes crear un CDN para contenido estático en caso de tener un sitio web con mucho tráfico, la mejora de velocidad se crea con la sensación de que la primera carga es más instantanea, después, servir contenido estático no debería ser un gran problema para el CDN externo.

No se si me he explicado, jejeje. En cualquier caso e mi opinión, y puede ser que no sea del todo correcto este punto de vista… Investigaré más sobre el tema.

A modo de experimento pondré un evento en Google ANalytics para controlar cuanta gente abandona el blog sin tocar la barra de scroll, de esta forma podré saber si de verdad estoy ahorrando tráfico o no…

Un saludo, por cierto, hecho de menos los artículos de tu blog.. jejeje ;)

]]> Por: Leandro http://www.nosolocodigo.com/jquery-lazy-load-para-wordpress-reduce-tiempo-de-carga/comment-page-1#comment-4134 Leandro Sat, 28 Nov 2009 21:43:43 +0000 http://www.nosolocodigo.com/?p=1743#comment-4134 Esta claro que la carga inicial del sitio desminuye, sin embargo el numero de peticiones al servidor aumenta (porque hace dos peticiones por cada imagen que se va mostrando [grey.gif y la imagen a mostrar] ), tal vez pensaria utilizar otro tipo de solucion en sitios con tráfico elevado. Esta claro que la carga inicial del sitio desminuye, sin embargo el numero de peticiones al servidor aumenta (porque hace dos peticiones por cada imagen que se va mostrando [grey.gif y la imagen a mostrar] ), tal vez pensaria utilizar otro tipo de solucion en sitios con tráfico elevado.

]]> Por: Felipe http://www.nosolocodigo.com/jquery-lazy-load-para-wordpress-reduce-tiempo-de-carga/comment-page-1#comment-4132 Felipe Sat, 28 Nov 2009 12:44:36 +0000 http://www.nosolocodigo.com/?p=1743#comment-4132 que bien, me gusta mucho, revisare para adaptarlo al joomla, pero sabes que seria mucho mejor aun, que en los momentos previos de recarga de la imagen salga un background, con un pequeño gif centrado alusivo con un cargando... .. ps bueno gracias por el articulo, lo estaba esperando. que bien, me gusta mucho, revisare para adaptarlo al joomla, pero sabes que seria mucho mejor aun, que en los momentos previos de recarga de la imagen salga un background, con un pequeño gif centrado alusivo con un cargando… ..
ps bueno gracias por el articulo, lo estaba esperando.

]]> Por: Pablo Martínez http://www.nosolocodigo.com/jquery-lazy-load-para-wordpress-reduce-tiempo-de-carga/comment-page-1#comment-4084 Pablo Martínez Mon, 23 Nov 2009 21:32:27 +0000 http://www.nosolocodigo.com/?p=1743#comment-4084 Sip... es que a veces antes de releer escribo.. y me pasa lo que me pasa... y más "recién levantao" Un saludo!! Sip… es que a veces antes de releer escribo.. y me pasa lo que me pasa… y más “recién levantao”

Un saludo!!

]]> Por: David http://www.nosolocodigo.com/jquery-lazy-load-para-wordpress-reduce-tiempo-de-carga/comment-page-1#comment-4083 David Mon, 23 Nov 2009 17:24:31 +0000 http://www.nosolocodigo.com/?p=1743#comment-4083 Hola Pablo, efectivamente las imágenes se cargan con un efecto de fade in que está implementado con jQuery. Respecto a la latencia, la latencia se produce al obtener la imágen, pero el DOM de javascript ya está listo y cargado, por lo que todo sucede por debajo y no te enterás.. dando el efecto de que todo carga un poquito más rápido... De hecho, prueba a hacer scroll vertical y verás como en ningún momento se para la barra de scroll, todo se mueve fluido. Un saludo!! Hola Pablo, efectivamente las imágenes se cargan con un efecto de fade in que está implementado con jQuery.

Respecto a la latencia, la latencia se produce al obtener la imágen, pero el DOM de javascript ya está listo y cargado, por lo que todo sucede por debajo y no te enterás.. dando el efecto de que todo carga un poquito más rápido…

De hecho, prueba a hacer scroll vertical y verás como en ningún momento se para la barra de scroll, todo se mueve fluido.

Un saludo!!

]]> Por: Pablo Martínez http://www.nosolocodigo.com/jquery-lazy-load-para-wordpress-reduce-tiempo-de-carga/comment-page-1#comment-4079 Pablo Martínez Mon, 23 Nov 2009 07:38:11 +0000 http://www.nosolocodigo.com/?p=1743#comment-4079 Fijándome un poco más se aprecia un efecto de tipo "fade-in" en las imágenes cuando vas bajando el scroll... tendré que probarlo... PD: Felicidades por la interesante información... Saludos!! Fijándome un poco más se aprecia un efecto de tipo “fade-in” en las imágenes cuando vas bajando el scroll… tendré que probarlo…

PD: Felicidades por la interesante información…

Saludos!!

]]> Por: Pablo Martínez http://www.nosolocodigo.com/jquery-lazy-load-para-wordpress-reduce-tiempo-de-carga/comment-page-1#comment-4078 Pablo Martínez Mon, 23 Nov 2009 07:36:23 +0000 http://www.nosolocodigo.com/?p=1743#comment-4078 De lo que se entera uno visitando estos sitios web... muy interesante y útil, pero tengo una pregunta. Esto carga solo lo que se ve, ok, entonces por ejemplo si lo que se ve el servidor tarda 1 segundo en dártelo, a la hora de hacer scroll, sufriremos latencia, ¿no? si me vas a preguntar si yo he notado algo en tu web la respuesta es que no... Un saludo!! De lo que se entera uno visitando estos sitios web… muy interesante y útil, pero tengo una pregunta.

Esto carga solo lo que se ve, ok, entonces por ejemplo si lo que se ve el servidor tarda 1 segundo en dártelo, a la hora de hacer scroll, sufriremos latencia, ¿no? si me vas a preguntar si yo he notado algo en tu web la respuesta es que no…

Un saludo!!

]]> Por: David http://www.nosolocodigo.com/jquery-lazy-load-para-wordpress-reduce-tiempo-de-carga/comment-page-1#comment-4074 David Mon, 23 Nov 2009 04:03:43 +0000 http://www.nosolocodigo.com/?p=1743#comment-4074 Que yo sepa no... David Walsh ha creado algo similar en Motools, habría que implementarlo en el template a mano, jejeje De todas formas crear uno así para Joomla no debe ser muy complicado... Que yo sepa no… David Walsh ha creado algo similar en Motools, habría que implementarlo en el template a mano, jejeje

De todas formas crear uno así para Joomla no debe ser muy complicado…

]]>