This tiny library uses the Web Storage (localStorage) to cache JavaScrip files. Cached files will be loaded much faster than requesting them from a server (even local ones).
My test showed:
| Chrome | FireFox | |
|---|---|---|
| Loading jQuery from CDN | 268ms | 200ms |
| Loading jQuery from localStorage | 47ms | 14ms |
The library is so simple that you can read and understand all of its code!
requireScript('jquery', '1.11.2', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js', function(){
requireScript('examplejs', '0.0.3', 'example.js');
});In this example I cache jQuery and a local file that is dependent on jQuery. On the first load it will be loaded from the provided URL and on the second load it will be loaded from the localStorage. Changing the version string will cause the cache to be cleared and re-loaded from the sever. Since the example.js is dependen on jQuery I load it in the callback that is triggered after loading jQuery.
My feeling was that caching in localStorage should be a simple and straight forward. However I could not find a simple library without depencies that fulfilled this so I created this mini project, for documentation and learning.
When I tried to use basket.js it unfortunately had some dependency, otherwise it is probabley more advanced (and larger) than this script.
Copy the code from chached-webpgr.min.js into your .html file (loading it from a server would make it slower!) and use the code from the Code Example to load your scripts. Be aware of depencies, and use the callbacks for dependent scripts like in the example.
This code will only work on a server, file:// is not supported.
Caching of scripts cross domain only works if the CORS header is set on the remote server.
requireScript(name, version, url, callback)cached-webpgr.js is released under the MIT License.