Biblioteca de carga diferida de elementos Performant-Lozad
| Autor: | ApoorvSaxena |
|---|---|
| Views Total: | 2,039 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 10, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
Lozad es un pequeño (569 bytes minificados & gzip), biblioteca de JavaScript de alto rendimiento utilizado para la carga diferida de cualquier elemento HTML (por ejemplo, imágenes, vídeos, etc.) usando intersección Observer Web API.
Instalación
# Yarn $ yarn add lozad # NPM $ npm install lozad --save # Bower $ bower install lozad
Funcionamiento
Incluya la versión minimizada de la Lozad. js en la página HTML.
<script src="lozad.min.js"></script>
O incluya el archivo JavaScript de CDN:
<script src="//cdn.jsdelivr.net/npm/lozad"></script>
Cree un nuevo objeto Lozad y especifique el elemento de destino en carga diferida.
new Lozad({
selectorClass: 'lozad'
}) Más opciones de configuración.
new Lozad({
selectorClass: 'lozad',
rootMargin: '10px 0px', // CSS Margin
threshold: 0.1 // ratio of image convergence
}) Registro de cambios
02/10/2019
- v1.9.0: Html5 video element lazyloading
11/09/2018
- Mejore la compatibilidad de Data-srcset con navegadores antiguos
10/10/2018
- Exponer IntersectionObserver objeto
09/19/2018
- La carga fija () no se desencadena a veces
v1.6.0 (09/16/2018)
- FIX: lanzando un error durante SSR
- Se agregaron las opciones de observador de intersección
v1.5.0 (07/17/2018)
- atributo ALT en las etiquetas de < de imagen > de carga diferida
- Soporte para alternar la clase
