Cache JavaScript and Reload Pages up to 6x Faster with x3.js
•
2 j'aime•915 vues
x3.js JavaScript rapidly reloader http://code.google.com/p/x3-js/
Recommandé
Contenu connexe
Tendances
Tendances (20)
Similaire à Cache JavaScript and Reload Pages up to 6x Faster with x3.js
Similaire à Cache JavaScript and Reload Pages up to 6x Faster with x3.js (20)
Dernier
Dernier (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/