Lazy Load & imágenes de pre-cache para mejorar la velocidad de la página-Img2
| Autor: | RevillWeb |
|---|---|
| Views Total: | 894 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 22, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Img2 es un componente web que carga perezosa y prealmacena imágenes para mejorar el tiempo de carga de la página.
También viene con un efecto de desenfoque de imagen que permite al usuario previsualizar la imagen hasta que la imagen se cargue por completo.
Funcionamiento
Instalación.
# NPM $ npm install img-2 --save
Importe el ' img2 ' en el módulo.
// ES 6 import Img2 from 'img-2';
O inserte directamente el archivo JavaScript en el documento.
// ES 6 <script src="dist/img-2.js"></script> // ES 5 <script src="dist/img-2.es5.js"></script>
Inserte sus propias imágenes en la página web utilizando la etiqueta < img-2 > en su lugar. También puede especificar la imagen de vista previa en el atributo src-Preview así:
<img-2 src="full.jpg" width="400" height="300" src-preview="preview-10x10.jpg" alt="Image Alt"></img-2>
