Precargar activos especificados mediante XHR2-precarga-it
| Autor: | andreupifarre |
|---|---|
| Views Total: | 468 |
| Sitio oficial: | Ir a la web |
| Actualizado: | October 28, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
La biblioteca de preload-it precarga & precapturas de activos (por ejemplo, videos, audios, etc.) utilizando XMLHttpRequest para optimizar la velocidad de carga de su página web.
También proporciona controladores de eventos que se desencadenarán en función del estado de carga.
Funcionamiento
Instalar & importar la precarga-it.
# NPM $ npm install preload-it --save
import preload from 'preload-it';
O cargue directamente la biblioteca desde una red CDN.
<script src="https://unpkg.com/[email protected]/dist/preload-it.js"></script>
Cree una nueva instancia de precarga para inicializar la biblioteca.
const instance = Preload();
Especifique una matriz de recursos para la captura previa.
instance.fetch([ '1.mp4', '2.mp4', '1.jpg' ])
Salida de los recursos que están completamente cargados.
instance.fetch([
'1.mp4',
'2.mp4',
'1.jpg'
]).then(items => {
console.log(items);
}); O …
instance.oncomplete = items => {
console.log(items);
} Salida del progreso de carga actual.
instance.onprogress = event => {
console.log(event.progress + '%');
} Salida de los recursos precapturados.
instance.onfetched = item => {
console.log(item);
}
