Mejor el tiempo de carga de tu blog con Lazy Load


Hoy les traigo un plugin de JQuery llamado Lazy Load que permite que las imágenes carguen después del sitio y cuando bajemos con el scroll, al momento de visualizar la imagen, ésta cargaría con un efecto opacidad. Este plugin de JQuery es muy útil para mejorar la optimización de nuestros blogs y por tanto nuestro posicionamiento en Google. Pueden ver que en este blog utilizo ese plugin de JQuery y tiene un lindo estilo y es muy práctico.
[1] Vamos a Diseño > Edición de HTML y antes de </head> pegaremos el siguiente código:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/><script src='http://dl.dropbox.com/u/3301800/LazyLoad.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
jQuery(&quot;.post img&quot;).lazyload({
effect:&quot;fadeIn&quot;,
});
});
</script>
[2] Damos Vista Previa y si no nos apareció ningún error en el blog damos click en Guardar.
Nota: La parte en rojo es la llamada a JQuery 1.4.2, si ya lo tienes incorporado en tu blog, no es necesario que lo agregues.

Comentarios

  1. Simplemente perfecto!, ya lo puse y va de maravilla!, Gracias amigo!.

    ResponderEliminar
  2. me alegro de que te haya servido .

    ResponderEliminar
  3. Es de lo mejor, aparte que le da una mejor calidad visual a las imagenes, carga mucho mas rapido.

    ResponderEliminar
  4. Probaremos, porque precisamente tengo bastante lentitud en alguna de mis páginas debido a las imágenes.
    Muchas gracias.

    ResponderEliminar
  5. @Posicionamiento Web

    Seguro que te servirá amigo , es una facil solución con un gran impacto

    ResponderEliminar
  6. Hola, tengo incorporado jquery. ¿Que agrego?

    El codigo que tengo en el blog es

    ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js

    que creo que es para "artículos mas vistos".

    ¿Que debo hacer?Porque agrego el script solamente pero no anda!

    Gracias

    ResponderEliminar
    Respuestas
    1. muy simple , agrega el jquery tambien , porque tu version es mas antigua.

      Eliminar

Publicar un comentario

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Entradas populares de este blog

5 alternativas open source a Loquendo

Que es microsoft silverlight

La beta de Windows 8 ya está disponible