Cache de archivos con Local Storage

Casi siempre cuando hablamos de Local Storage pensamos en almacenar datos del tipo llave-valor, y nunca imaginamos utilizar esta enorme ventaja para guardar archivos. Esto es justamente lo que podemos hacer con Bootup.js.

bootup.js es una pequeña biblioteca JavaScript para la gestión y manipulación de archivos estáticos, guardando los mismos utilizando Local Storage. Es así de sencillo que podemos, por ejemplo, guardar el framework jQuery en el navegador del cliente para que nuestra aplicación siga funcionando de manera local y sin la necesidad de una conexión.

Cache de archivos con Local Storage

Guardar archivos estáticos en Local Storage:

Un pequeño ejemplo de uso, utilizando BootUp para guardar tres archivos JavaScript de manera local.

new BootUp(
    ["jquery.js", "backbone.js", "site.js"],
    {
        success: function() {
            init();
            // call the init function if specified somewhere
        }
    }
);

Como verán es muy sencillo guardar un archivo estático en Local Storage, no obstante es algo para usar con precaución y sin abusar, no considero una practica muy recomendable guardar demasiados datos de manera local en la computadora del cliente.

A nivel rendimiento puede ser un punto muy favorable la implementación de local storage, imaginen la ganancia en rendimiento que podemos obtener si logramos evitar que algunos archivos estáticos claves se sirvan directamente desde la computadora del cliente.

bootup.js se encuentra liberado bajo licencia MIT. Ideal para implementar en cualquier proyecto 😀

Web: Bootup.js