Javascript 性能优化？

Posted 2023-03-06

【中文标题】Javascript 性能优化？

【英文标题】：Javascript Performance Optimisation?

【发布时间】：2009-04-15 03:58:44

【问题描述】：

只是想知道真正检查 JS 脚本的最佳工具是什么，并研究如何将整体性能在大小和速度方面提高到“最大程度”？

【参考方案1】：

我喜欢使用Firebug 的分析器来提高整体速度。它会告诉你每个函数被调用了多少次，执行所用的时间（平均和总体），以及函数所用的总 JS 执行时间的百分比。我不是微优化的忠实拥护者，因此我不使用任何工具来从我的代码中获得“最大程度的最大化”，但分析器有助于清除更大的问题。

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

【参考方案2】：

如果您拥有 Safari 4，则可以在其 Web Inspector 中使用 JavaScript Profiler。

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

史蒂夫

【讨论】：

PACKER 实际上会使事情 更大 与 GZIP 传输相比，并且会通过初始解析/评估循环减慢加载时间。只需将其缩小并使用 GZIP 传输即可。

但是 Packer 是 一个“缩小器”。对我来说，Packer 总是可以很好地缩小一些东西（例如将文件从 28 KB 减少到 16 KB），并且 Base62 编码（添加初始 parse/eval 循环）是可选的。

【参考方案3】：

我通常遵循以下步骤。

使用 JSLint - http://www.jslint.com/ 优化脚本。 使用 YUI 压缩器。 配置脚本。请参阅 Firebug 和 YSlow。