Como todos ya saben es muy importante la carga rapida de nuestro blog y es por eso que debemos hacer todo lo posible por optimizarlo lo más que podamos. 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 de opacidad que se ve muy bien. 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 buen 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(".post img").lazyload({
effect:"fadeIn",
});
});
</script>
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.
[2] Damos Vista Previa y si no nos apareció ningún error en el blog damos click en Guardar.
¿Dudas o Comentarios? pregunta, comenta yo con gusto doy respuesta.
