Progresivamente te permite cargar de forma perezosa con Vanilla JS

Cada sitio web moderno tiene que ser rápido. Aunque existen muchas técnicas y complementos para aumentar la velocidad de la página, es posible que no sepa dónde comenzar..

El guión progresivamente es un gran recurso para aumentar la velocidad de la página. Funciona como un script de carga lenta de imágenes que carga las imágenes progresivamente a medida que el usuario se desplaza por la página.

Es un proyecto gratuito de código abierto para que pueda descargarlo y ejecutarlo en cualquier sitio web. Además, se ejecuta en JS de vainilla al 100%, por lo que tiene cero dependencias que pueden agobiarlo.

Puedes echar un vistazo a la demostración en vivo en la página de inicio de Progressively.

Es un poco diferente a otros scripts de carga diferida porque mantiene tamaños de imagen fijos para toda la página. Esta evita el siempre tan molesto salto de página que ves cuando las imágenes se cargan rápidamente a la vista y aumentar la altura del contenido.

Y los marcadores de posición de imagen en realidad se parecen a las imágenes que estás cargando. Increíble!

Esta técnica pulcra da a los visitantes la oportunidad de Vista previa de cómo se ven las imágenes antes de cargarlas. Todo se maneja a través de JavaScript, que verifica la ubicación del usuario en la página y carga previamente las imágenes a medida que aparecen..

Progresivamente tiene un API bastante extensa por lo que es una gran opción para los desarrolladores web. La configuración puede ser técnica, por lo que es útil si conoce la codificación básica de frontend..

Pero puede obtener más información en la página principal de GitHub, que incluye la documentación completa de la API, instrucciones de configuración y fragmentos de código de muestra que puede copiar / pegar para sus proyectos..

Si necesita una secuencia de comandos confiable de imágenes de carga perezosa sin las dependencias desagradables, entonces intente progresivamente. Es totalmente gratuito y ofrece mucha personalización para desarrolladores..

También eche un vistazo al Progressively GitHub para obtener más información y obtener el código fuente descargable..