X3
•
2 likes•915 views
x3.js is a JavaScript library that improves page load performance. It does this by (1) caching JavaScript files and drawing pages faster, up to 6 times faster than normal pages, (2) caching files to WebSQL and WebStorage for offline access, and (3) lazily checking for file modifications and auto-refreshing pages. It has a compact minified size of only 2.1KB and implements URL dispatching.
Recommended
More Related Content
What's hot
What's hot (20)
Similar to X3
Similar to X3 (20)
Recently uploaded
Recently uploaded (20)
X3
- 2. Feature (1/4 pages) Cache JavaScript + Quick draw –Reload x2 ~ x6 faster (通常のページに比べ2～6倍表示が高速に) –Max 5MByte cache –Zero JS file request (in page loading), and no blocking other files (ページロード時のJavaScriptの読み込みを無くし、 後続ファイルの読み込み待ち時間を最短に)
- 3. Feature (2/4 pages) Cache to WebSQL / WebStorage –WebSQL Ready • http://caniuse.com/#search=SQL –WebStorage Ready • http://caniuse.com/#search=Storage
- 4. Feature (3/4 pages) Lazy check and auto refresh –Lazy (background) modified check, and auto refresh (ページロード後にサーバ上のJSをチェックし、 必要に応じてページを強制リロード) • If-Modified-Since: • Last-Modified:
- 5. Feature (4/4 pages) Compact size – x3.js minified & inlining = 2.1kbyte URL Dispatcher – x3.ready( path, <pattern, callback>, … missMatchCallback)
- 7. <!DOCTYPE html><html><head><script> var x3; function x3(...){...} // minified & inlining x3.js // x3 controller x3("z.js", function(cached) { // load "a.js" and Callback // Add your code here x3.ready("", // URL Dispatcher /a.htm$/, function() {…}, /b.htm$/, function() {…}, function() { … } ); }, function(modified) { // Modified callback alert("App updated! " + modified); x3.reload(); // page reload from server }, 7); // lazy </script> </head><body> <!-- Add your code here --> </body></html>
- 8. Google Code Project • http://code.google.com/p/x3-js/