如何提高由 Javascript 或 JQuery 制成的组件的速度？答案

【问题标题】：how to increase Speed of a component made from Javascript or JQuery?如何提高由 Javascript 或 JQuery 制成的组件的速度？
【发布时间】：2010-05-14 05:45:48
【问题描述】：

我想让我的组件更快，我正在使用 Javascript 和 JQuery 来构建它。我正在使用 JSON 对象与组件进行通信，后端是 python。有什么建议可以让组件更快吗？

【问题讨论】：

component.speed = 999999 .... 欢迎来到 SO... 请先尝试阅读stackoverflow.com/faq .... :)

标签： javascript jquery python google-apps

【解决方案1】：

设置一些分析以查看需要时间处理的内容。然后决定是否要尝试优化 javascript 和客户端代码、与服务器的通信向上/向下或 python 执行的实际速度。当您决定要更快地制作什么后，您可以将示例发布到此站点，人们可能会愿意帮助您。

【讨论】：

【解决方案2】：

在客户端，您可以使用getTime() 对您的脚本进行基准测试

var start = (new Date).getTime();
 /* Run your script. */
var diff = (new Date).getTime() - start;
alert(diff)

看看究竟是什么在脚本中花费了很长时间。但是，如果您不发布任何代码，很难说出可以优化的内容。

【讨论】：

实际上，我们正在制作大量组件并将它们合并为一个完整的项目。所以总体而言，该项目较慢，但所有组件单独足够快..那么有什么技巧如何使用 jquery 制作组件和javascript？
您唯一能做的就是分析需要很长时间才能加载的内容。（在 Firefox 上使用 google chrome 或 firebug，您可以查看加载时间和层次结构）

【解决方案3】：

如果速度是问题，并且您通过分析发现 js 是罪魁祸首，那么我会考虑用 vanilla javascript 或更优化的库替换 jQuery。

当 jQuery 尝试做“所有事情”并训练其用户将所有内容包装在 $() 中时，它必然会引入不必要的方法调用（我已经看到对 $() 的一次调用可能会导致多达 100 多个方法电话）。

【讨论】：