-->
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
Efecto hovering animado con CSS3 en Blogger # - Efecto hovering animado con CSS3 en Blogger
Ayuda Bloggers es parte ahora de "Todo Blogger en Español" # - Ayuda Bloggers es parte ahora de "Todo Blogger en Español"
Crear scripts .js (Javascript) en Blogger # - Crear scripts .js (Javascript) en Blogger
Nuevo en Blogger: Editor HTMLde la plantilla mejorado # - Nuevo en Blogger: Editor HTMLde la plantilla mejorado
Tweet to Unlock - Usa Twitter para bloquear contenido oculto en tu blog. # - Tweet to Unlock - Usa Twitter para bloquear contenido oculto en tu blog.