Cache JavaScript and Reload Pages up to 6x Faster with x3.js
•
2 gefällt mir•915 views
x3.js JavaScript rapidly reloader http://code.google.com/p/x3-js/
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Ähnlich wie Cache JavaScript and Reload Pages up to 6x Faster with x3.js
Ähnlich wie Cache JavaScript and Reload Pages up to 6x Faster with x3.js (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Cache JavaScript and Reload Pages up to 6x Faster with x3.js
- 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/