Carga lenta de las imágenes con jQuery

Una característica muy importante de un sitio web es, sin duda la velocidad de carga de las páginas. A pesar de un sitio lento que toma mucho tiempo para mostrarnos lo que queremos, de hecho, la mayoría de los usuarios cierra la página por el cambio a un sitio alternativo o competidor. El Internet no es una herramienta para el paciente ;-) personas

La técnica de Lazy Loading (traducido como "carga lenta") de las imágenes es, precisamente, para evitar largas esperas e innecesaria dentro de una página web. Esta técnica de programación no es, de hecho, se refiere a las imágenes, sino que abarca todos los recursos "inútil" cuando se carga, riorse que, por supuesto, recuperar "a petición" cuando es necesario.

Haremos frente a los discursos de las imágenes ya que son esencialmente la parte más pesada de una página web. El usuario inicia una página no es necesariamente todos ver las imágenes, tal vez porque están ocultas o simplemente porque coloca en la parte inferior o en un área distante de la que el usuario quiere acceder a la información.
Estas situaciones se producen principalmente para las páginas de gran tamaño, como son los de los blog (que, en la acusación de muchos comentarios, puede ser muy largo). En circunstancias como éstas no tienen sentido para cargar todas las imágenes en el inicio, especialmente aquellos ubicados en la parte inferior, porque nunca podría ser visto!

Para poner en práctica la técnica de carga diferida se puede implementar de distintas maneras.
El más obvio que viene a la mente es eliminar las imágenes sobre la marcha de la DOM con JavaScript. Pero esto también sería un error porque la forma en la mayoría de navegadores aún no han presentado la solicitud de la imagen y que se obtendría el efecto completo que desee.
Una buena técnica, destacó en el artículo de Paul Hammond velocidad de tu sitio con contenido retraso es, en cambio, utilizar atributos personalizados en HTML 5. Vamos a ver cómo.

• <<
• 1
• 2
• 3
• >>