Hey Guys,
Just wondering what the best tool is to really check JS scripts and look at ways of improving overall performance to the "utmost maximum" in terms of size and speed?
+3
A:
I like using Firebug's profiler for improving overall speed. It'll show you how many times each function is called, how long it took to execute (average and overall), and the percentage of the total JS execution time the function took. I'm not a big fan of micro-optimization, so I don't use any tools to get the "utmost maximum" out of my code, but the profiler helps weed out the bigger issues.
As for size, I use the YUI compressor to minimize the size of my JavaScript files. (There are other JavaScript minification tools out there, I am just most used to YUI's.)
Daniel Lew
2009-04-15 04:04:16
+1
A:
And if you've got Safari 4, you can use the JavaScript Profiler in its Web Inspector.
For compressing your code, I like the JavaScript Packer by Dean Edwards.
Steve
Steve Harrison
2009-04-15 04:05:50
PACKER will actually make things *bigger* vs GZIP transports and will slow down load time with the initial parse/eval loop. Just minify it and use GZIP transport.
Kent Fredric
2009-04-15 04:34:30
But the Packer *is* a 'minifier'. For me, the Packer has always minified things reasonably well (such as reducing a file from 28 KB to 16 KB), and the Base62 encode (which adds the initial parse/eval loop) is optional.
Steve Harrison
2009-04-17 22:54:24
A:
I usually follow the following steps.
- Using JSLint - http://www.jslint.com/ optimize the script.
- Use YUI Compressor.
- Profile the script. See Firebug & YSlow.
Jerrish Varghese
2009-04-15 04:07:14
A:
Guys, thanks so much - also check this out