Acelerar la carga del blog con LazyLoad

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:

 

Artículo aleatorio
BuySellAds
BuySellAds
BuySellAds
BuySellAds
BuySellAds
Artículos destacados
Marca de agua en las imágenes con CSS # - Marca de agua en las imágenes con CSS
Efecto de desenfoque con CSS # - Efecto de desenfoque con CSS
Botones para subir y bajar en Blogger # - Botones para subir y bajar en Blogger
Insertar una página externa en una entrada en Blogger # - Insertar una página externa en una entrada en Blogger
Ocultar entradas con determinada etiqueta en el inicio de Blogger # - Ocultar entradas con determinada etiqueta en el inicio de Blogger