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?
Add a comment
|
3 Answers
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.)
Comments
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
2 Comments
Kent Fredric
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.
Steve Harrison
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.
I usually follow the following steps.
- Using JSLint - http://www.jslint.com/ optimize the script.
- Use YUI Compressor.
- Profile the script. See Firebug & YSlow.
Comments
