Portable Network Javascript
Let's embellish a forgotten old
To begin with - a small picture as an epigraph. Continued - under the cut.
In fact, right after it follows the line
, - , 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 , getImageDatacanvas.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/pngimage/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 , getImageDatacanvas.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/pngimage/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 , getImageDatacanvas.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/pngimage/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 , getImageDatacanvas.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 , getImageDatacanvas.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 , getImageDatacanvas.getContext('2d') ., libpng ( ), , .
, , n/3 1 , ,
-, 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 , getImageDatacanvas.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 , getImageDatacanvas.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 , getImageDatacanvas.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 , getImageDatacanvas.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 , getImageDatacanvas.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 , getImageDatacanvas.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 , getImageDatacanvas.getContext('2d') ., libpng ( ), , .
, , n/3 1 , ,
-, 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 , getImageDatacanvas.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 , getImageDatacanvas.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/pngimage/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 , getImageDatacanvas.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/pngimage/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 , getImageDatacanvas.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/pngimage/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 , getImageDatacanvas.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/pngimage/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 , getImageDatacanvas.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/pngimage/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/207582/
All Articles