viernes, 25 de marzo de 2011

Acelerar la carga del blog con LazyLoad

Lazyload es un plugin basado en jQuery el cual permite disminuir los tiempos de carga del blog evitando que carguen todas las imágenes del blog de golpe. Lo que hace este plugin es mostrar las imágenes con un efecto fade in al bajar por la página.
¿Cómo obtener este plugin en Blogger?

Primero, debemos instalar jQuery, en el caso de ya estar instalado, omitir este paso.

Vamos a ''Diseño/Edición HTML'' y buscamos la siguiente sección:
</head>

Encima de esta, pegamos el script de jQuery:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

Guardamos los cambios y listo:


Una vez instalado jQuery, instalamos LazyLoad:

En ''Diseño/Edición HTML'' buscamos la misma línea:
</head>

Sobre ésta, pegamos el script siguiente:

<script src='https://sites.google.com/a/blogsydescargas.co.cc/ayudabloggers/scripts/LazyLoad.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function($){
jQuery(&quot;.post img&quot;).lazyload({
effect:&quot;fadeIn&quot;,
});
});
</script>

Guardamos los cambios y listo:

 

No hay comentarios:

Publicar un comentario