Acelerar la carga de las paginas blog

  • octubre 18, 2010
Acelerar la carga de las paginas blog





Cuando un lector accede a tu blog, todos los elementos que componen la plantilla y especialmente las im??genes se cargan al mismo tiempo -a pesar de no estarse visualizando-. Al instalar Lazy load, plugin de jQuery, bloqueamos la carga de im??genes y hacemos que ??nicamente se muestren cuando el usuario desea verlas, es decir, a medida que baja por la p??gina.


Dise??o>Edici??n de HTML>expandimos artilugios


Busca la etiqueta </head> y a??ade esto encima:




<script src=’http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js’ type=’text/javascript’/>
<script src=’https://sites.google.com/site/scriptsbalcon/b/blcnlazzy’ type=’text/javascript’/>
<script type=’text/javascript’>
jQuery(document).ready(function($){
jQuery(«img«).lazyload({
effect:»fadeIn»,
});
});
</script>



La primera l??nea del bloque es la librer??a jquery (1.4.2) y se carga directamente desde las API de Google.

El t??rmino resaltado en naranja (img) representa a todas las im??genes del blog. Si tan solo deseas aplicar el truco a las im??genes de las entradas, utiliza el t??rmino .post img.

Guarda la plantilla y comprueba el resultado. Accede a la portada de tu bit??cora y realiza un scroll de p??gina hacia abajo para visualizar la aparici??n de toda imagen o icono.

Utilizando este script evitar??s que se «atasque todo» cuando publicas muchas im??genes en los art??culos.



No Comments Found