如何提高AJAX应用程序的性能？

Question

我们都知道，过早的优化是邪恶的。 优化几乎总是涉及某种权衡 - 使系统更复杂，更难理解和调试等。

过早优化意味着（我认为）“在您知道问题之前进行优化 - 甚至是否存在问题。” 在这种情况下，你正在做出所提到的牺牲之一并得不到任何回报。 因此，一个坏主意。

另一方面，我真的认为杰夫阿特伍德2006年的帖子“ 速度仍然很重要 ”是永恒适用的。 用户满意度与速度有很大关系。

问题

考虑到这一点，在构建AJAX应用程序时， 可以使用哪些工具来识别速度瓶颈？ 有哪些常见的，简单的改进可以做到？

一些初步想法

我知道的一些基本想法（随意扩展这些）：

• 减少请求。 例如，如果您可以将多个JS或CSS文件捆绑为一个，那就是一个请求。
• 发送更少的数据。 较小的文件大小（缩小的JS，嘎吱作响的图像等）很有帮助。

我很好奇的一些事情：

• 谷歌浏览器（我使用）非常快速地运行JS。 我的用户可能运行较慢的浏览器。 如何最大限度地减少慢速浏览器对我的应用的影响？

Answer 1

在使更少的请求静脉：

• 确保您的服务器正在为可以缓存的所有文件发送缓存标头 。
• 如果你提出请求基于用户交互，并有一个机会，互动会经常发生，先前的结果（例如自动完成打字）无效， 使用短计时器发出请求之前; 如果发生另一次交互，则取消操作。

在send less data静脉中：

• 确保您的服务器正在压缩可以被压缩的内容 。
• 通过AJAX重新加载较小的HTML 块 。 （本地化您的更改。）
• 注意你回来的反应; 它是否尽可能小？ 有时，在发送可以轻易解析的非常大的响应时， JSON不是答案 。

对于处理慢速浏览器，特别是关于Web应用程序编程，您为改进快速浏览器所做的一切都有助于缓慢浏览器。 你可以最小化俗气的动画效果， 只为慢速浏览器 ，但这不属于“简单改进”的类别，IMO。 正确的答案是确定您的性能要求，必须满足这些要求的最低机器/浏览器配置，以及测试您的站点 。

当您遇到速度太慢的事情时，请对您的网站进行分析 。 在Firebug（用于Chrome / Safari的开发人员工具）和IE8 +的开发人员工具之间，开发人员可以通过一些非常好的方法来识别基于JavaScript的减速。 确定非常重的命中并重写或删除它们。

Answer 2

谷歌浏览器（我使用）非常快速地运行JS。 我的用户可能运行较慢的浏览器。 如何最大限度地减少慢速浏览器对我的应用的影响？

我们不得不在IE6上运行应用程序，这是一场噩梦。 尽量记住你可以在网上抓取的一般javascript优化技巧。 然后，当您的应用程序准备就绪时，抓住慢浏览器并尝试查看它的速度慢得令人无法接受。 然后回到Firebug并优化瓶颈。

为了记录，我们最终推出了Firefox 3，因为IE6使我们的应用程序成为等待的噩梦（许多UI元素）。 我的结论是，如果您的用户使用旧浏览器，请先为他们设计应用程序（即不要太多Javascript，更基本的HTML）。

Answer 3

你提到捆绑和缩小js和css文件，所以它们更小，我认为这是非常重要但我不认为你应该通过ajax请求发送过多的东西。

我认为最好有一个更大的初始加载，其中所有的css / js都被下载，然后只是发出关于数据的ajax请求（可能是json）。 如果只是JSON的一点点，它会快得多。

同样在客户端上，您可以使代码更快。 Jquery被证明是最快的库之一，因此在有意义的地方使用它是聪明的，但你需要对它进行分析。

萤火虫，萤火虫，萤火虫。

在服务器端，Node.js（反应堆服务器）速度非常快，值得研究。