Carga mas rapido tus paginas web con lazy load jquery

Lazy Load es un Plugin de jQuery escrito desde luego con javascript, la función principal de Lazy Load es la de cargar primero la estructura Html retrasando la carga de imágenes, logrando una carga mas rápida para nuestras paginas web, ya que hoy en dia esta muy de moda la carga de paginas web por ser un nuevo algoritmo de Google a tomar en cuenta.

El siguiente código lo tendrás que poner en cada pagina que quieras optimizar, sobre todo cuando hay muchas imágenes, empecemos a trabajar.

Su instalación es bastante sencilla, a continuación listaremos los pasos a seguir para su funcionamiento.-

1.- Primero debemos de incluir el siguiente código en nuestro header.-

< script src="jquery.js" type="text/javascript">< /script>
< script src="jquery.lazyload.js" type="text/javascript">< /script>

2.- y este sera nuestro código a utilizar.-

< script src="jquery/jquery.lazyload.js" type="text/javascript">< /script>
< script type="text/javascript">
$(function() {          
          $("img").lazyload({
             placeholder : "img/grey.gif",
             effect      : "fadeIn"
          });
      });
< /script>

Como ven es bastante fácil, y esto retrasar la carga de imágenes dándole prioridad a la carga de la estructura html, es decir que solo se cargaran las imágenes que estén a la vista del usuario que visite nuestra web.

Para mas información pueden visitar appelsiini.net.

Descarga Lazy Load.