JavaScript性能优化？

Question

想知道最好的工具是什么，可以真正检查JS脚本，并查看提高总体性能（尺寸和速度）的方法？

- Andy

Answer 1

我喜欢使用Firebug的分析器来提高整体速度。它会显示每个函数被调用的次数，执行所需时间（平均和总共），以及函数占总JS执行时间的百分比。我不是微观优化的忠实粉丝，所以我不使用任何工具来从我的代码中获取“最大限度的”效果，但分析器有助于排除更大的问题。

至于大小，我使用YUI压缩器来最小化我的JavaScript文件的大小。（还有其他JavaScript压缩工具可用，我只是最习惯使用YUI的。）

- Dan Lew

Answer 2

如果你使用的是Safari 4，你可以在Web Inspector中使用JavaScript Profiler。

对于压缩代码，我喜欢Dean Edwards的JavaScript Packer。

Steve

- Steve Harrison

---

PACKER 实际上会使事情变得更加“庞大”，与 GZIP 传输相比，它会减慢加载时间并增加初始解析/评估循环的负担。只需缩小并使用 GZIP 传输即可。 - Kent Fredric

但是Packer确实是一个“缩小器”。对我来说，Packer总是能够很好地缩小东西（例如将文件从28 KB减少到16 KB），而Base62编码（添加初始解析/评估循环）是可选的。 - Steve Harrison

Answer 3

我通常遵循以下步骤。

1. 使用JSLint - http://www.jslint.com/ 优化脚本。
   • 使用YUI Compressor。
   • 对脚本进行分析。查看Firebug和YSlow。

- Jerrish Varghese