Imagen adaptable biblioteca JavaScript de carga diferida-responsivelyLazy
| Autor: | ivopetkov |
|---|---|
| Views Total: | 2,212 |
| Sitio oficial: | Ir a la web |
| Actualizado: | July 31, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
responsivelyLazy es una librería JavaScript ultraligera que permite retrasar la carga de imágenes apropiadas en función del ancho de sus contenedores primarios. Ayudarle a acelerar el tiempo de carga de la página inicial para proporcionar una mejor experiencia de usuario.
Funcionamiento
Cargue el JavaScript y CSS de responsivelyLazy en el documento.
<link href="responsivelyLazy.css" rel="stylesheet"> <script src="responsivelyLazy.js"></script>
Utilice Data-srcset para especificar un grupo de imágenes para diferentes resoluciones de pantalla.
<div class="responsively-lazy"> <img src="placeholder.png" data-srcset="image1.jpg 100w, image2.jpg 200w, image3.jpg 300w, ..." > </div>
Registro de cambios
07/31/2018
Arreglo para datos-lazycontent en IE.
