Geekly Articles each Day

पोर्टेबल नेटवर्क जावास्क्रिप्ट

भूल गए पुराने को अलंकृत करें


शुरुआत के लिए - एपिग्राफ के रूप में एक छोटी सी तस्वीर। निरंतरता - कटौती के तहत।

छवि

वास्तव में, इसके तुरंत बाद लाइन



, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!



, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!



, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!


, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!


, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!


, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!


, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!


, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!


, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!


, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!



, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!



, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!

, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!



, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!



, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!


, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!
 
 
 ,  -  ,      PNJ ,   PNG .     .   .             PNG-. 
 
  ? 
  ,  ,             , ,     ,       GZip. 
 
    PNG -     (  ,         ).   -      , ,   ,    -   . 
  ,      100 kB     . 
 
 छवि 
 
  ,   : 
   min. JS (kB)   PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3% 
 
   ? 
 ,  ,  : 
  JS-  PNG-,         , . .  1   3  .     JS-         .         HTML5 canvas    ,    getImageData  canvas.getContext('2d') . 
 
  ,        libpng (    ),      ,       . 
 
  ,  ,         n/3  1  , ,          PNG ,       . ,       sqrt(n),     ,    ,   JS-. 
  -,   jQuery v1.10.2 (minified)     : 
 
 छवि 
 
     
  ,          ,     ,   .      -      -  ,   . 
 
   <html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html> 
 
 
 ,    pnj.ready(...)  ,      - *DOMReady   ,        PNJ-.  inline-      callback. 
 
  
           PNG       Firefox 26.0  Chromium 31.0.1650.63  mime- , ,     image/png  image/pnj ,      ,   javascript.   PNG-           , ,     DOMReady,      pnj.ready(...). 
 
 -: andrewdunai.com/misc/pnj-demo 
  PNJ-: andrewdunai.com/misc/pnj-demo/generate 
 
 - -: andrewdunai.com/misc/pnj-demo/pnj.js 
  : andrewdunai.com/misc/pnj-demo/pnj.min.js 
 
 PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png 
 
    !


, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!


, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!



, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!



, - , PNJ , PNG . . . PNG-.

?
, , , , , GZip.

PNG - ( , ). - , , , - .
, 100 kB .

छवि

, :
min. JS (kB) PNG (kB) jQuery 1.10.2 (minified) 93.107 57.042 -38.7% jQueryUI 1.10.3 (custom, minified) 228.138 104.316 -54.3% MooTools 1.4.5 (no-compat, YUI-compressed) 90.109 52.493 -41.7% AngularJS 1.2.6 (minified) 100.023 62.730 -37.6% EmberJS 1.2.1 (minified) 248.786 121.167 -51.3%

?
, , :
JS- PNG-, , . . 1 3 . JS- . HTML5 canvas , getImageData canvas.getContext('2d') .

, libpng ( ), , .

, , n/3 1 , , PNG , . , sqrt(n), , , JS-.
-, jQuery v1.10.2 (minified) :

छवि


, , , . - - , .

<html> <head> <title>PNJ Test</title> <script type="image/javascript" src="jquery.png"></script> <script type="text/javascript" src="pnj.min.js"></script> <script type="text/javascript"> pnj.ready(function() { $('.foo').html('Hello world!'); }); </script> </head> <body> <div class="foo"> Loading... </div> </body> </html>


, pnj.ready(...) , - *DOMReady , PNJ-. inline- callback.


PNG Firefox 26.0 Chromium 31.0.1650.63 mime- , , image/png image/pnj , , javascript. PNG- , , DOMReady, pnj.ready(...).

-: andrewdunai.com/misc/pnj-demo
PNJ-: andrewdunai.com/misc/pnj-demo/generate

- -: andrewdunai.com/misc/pnj-demo/pnj.js
: andrewdunai.com/misc/pnj-demo/pnj.min.js

PNJ- jQuery 1.10.2 (min): andrewdunai.com/misc/pnj-demo/jquery.png

!


Source: https://habr.com/ru/post/In207582/

More articles:


All Articles