Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://github.com/agektmr/PortableCache.js below:

agektmr/PortableCache: Cache assets, reduce downloads, load faster.

Cache assets, reduce downloads, load faster.

PortableCache is a small library for mobile web developers winning better performance. Enables you to cache arbitrary resources (js, css, img, etc) in static storage and reduce server request.

• Declarative APIs (no JavaScript required).
• Uses the best available storage on user's browser:
  • FileSystem
  • IndexedDB
  • WebSQL
  • LocalStorage
• Fallback gracefully when no storage mechanism is available.
• Provides imperative APIs as well for fine grained control.

Bonus points:

• Lazyload images.
• Responsive images using srcset syntax.

• Responsive web designers.
• Performance enthusiasts.
• Developers who have dreamed of using ApplicationCache to reduce traffic.

Unlike AppCache, PortableCache can:

• Permanently cache heavy resources without caching root HTML.
• Update assets without reloading.
• version per content.
• maintain far easier.

Visit Example codes page on GitHub Wiki.

Simplest example of using declarative API, lazyload and responsive images.

Imperative API usage example. Audio sample data are imperatively cached and used as drum sound. It is a good example of deferred AngularJS (1.0.0~) bootstrap. Works on Chrome, Safari and Firefox.

You can quickly try out PortableCache by following 3 steps.

1. Insert following meta tag to your existing project's head tag.
   <meta name="portable-cache" content="version=20131228">
2. Insert script tag to load portable-cache.js (Make sure it is below meta[name="portable-cache"]).
   <script src="js/portable-cache.js">
3. Replace attribute name of resources you'd like to cache with data-cache-url.
   <img src="img/image.jpg">
<img data-cache-url="img/image.jpg">

PortableCache is available thorugh bower.

bower install PortableCache

You can of course clone from repository.

git clone git@github.com:agektmr/PortableCache.git

• plain: 47.8KB
• minified: 18.3KB
• gzipped: 7.0KB

Visit APIs page on GitHub Wiki.

Following browsers are supported by PortableCache.

• Chrome (FileSystem API)
• Firefox (IndexedDB)
• IE 9 (LocalStorage)
• IE 10, 11 (IndexedDB)
• Android Browser 2.3 (WebSQL)
• Android Browser 4 (WebSQL)
• Safari 7 (WebSQL)

Following browsers are confirmed to gracefully fallback on PortableCache

• IE 6, 7, 8

Need tests on following browsers

• Android Browser 3 (WebSQL)
• Safari 5 (WebSQL)
• Safari 6 (WebSQL)

Browsers not listed here are yet to be tested.

PortableCache bootstraps loading link tag and script tag first. pcache-ready event fires after all link tags and script tags (except ones with async attribute attached) are loaded and executed.

If quota exceeds on user's browser, PortableCache will simply give up storing cache and fallback to use remote resource. But some browsers request permission for larger quota to users. On any of those browsers, PortableCache will handle gracefully and continue using storage if granted.

You may notice version string you have assigned to a website is tied to the entire host, potentially overwriting same host's other apps' versions which is path separated.
For example, you have an app on
http://example.com/app-a/
Then you create another app on
http://example.com/app-b/
In this case, whichever app user opens will overwrite the other app's version string.

You can avoid this by giving root-path to meta[name="portable-cache"].

<meta name="portable-cache" content="version=20130110, root-path=/app-a">

This way, the version string is tied to the app path rather than the entire host.

Absolutely. Just set data-cache-version as an empty string. PortableCache will simply use remote resource URL with lazyload / srcset features left available.

<img data-cache-url="img/image.jpg" data-cache-srcset="img/image-320.jpg 320w, img/image-640.jpg 640w, img/image-640.jpg 320w 2x" data-cache-version="" lazyload>

You may wish to remove PortableCache if a browser is known to be unsupported.
You can use a version string stored as pcache_version in cookie which
PortableCache sends. If a browser is already proved to be unsupported (fallback without caching), it carries a string NOT_SUPPORTED instead of a version string. Catch this cookie on your server so it can serve an HTML without PortableCache to avoid JavaScript parsing overheads.

• Eiji Kitamura (+agektmr, @agektmr)

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4