-->
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
SlickRSS: Pack de Iconos para RSS # - SlickRSS: Pack de Iconos para RSS
Crear más de 10 páginas estáticas en Blogger # - Crear más de 10 páginas estáticas en Blogger
Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger # - Vídeotutorial: Crear plantilla para Blogger: Introducción a los códigos esenciales de Blogger
Enlaces para compartir tus posts en Blogger # - Enlaces para compartir tus posts en Blogger
Thumbs Up and Down en Comentarios de Blogger # - Thumbs Up and Down en Comentarios de Blogger