javascript - 具有许多AJAX调用性能的网页

Question

我的项目是一个网络移动应用程序，它使用对服务器的许多AJAX调用来刷新和检索数据，我正在使用php脚本从服务器获取数据。

我注意到，并且用户也告诉我，有时应用程序性能非常慢。
我相信这是由于AJAX调用引起的，我检查了我的服务器，出现此问题时它没有任何性能问题。

这很奇怪，因为当问题发生时，应用程序将AJAX请求发送到服务器，并被卡住，直到出现超时错误为止，并且再次发送时，它运行良好并在不到一秒钟的时间内给出了答案。

我检查了类似的问题，发现使用php sessions可以创建文件锁定，每个请求都需要等到上一个结束。
此问题取消了AJAX异步过程。
我没有使用 session ，但也许我的情况是相同的，并且php scripts执行文件锁定或其他类型的锁定并取消异步。

任何人都知道如何解决这个问题？

谢谢。

Answer 1

在创建带有许多AJAX请求的应用程序时，请牢记以下几点:

1. Reduce the Number of Ajax Requests

对于初学者来说，根本不发出Ajax请求就可以获得最佳性能。这看起来既明显又毫无意义:放弃Ajax并不是真的更好的Ajax，不是吗？但是，您可以通过一些方法也可以食用Ajax蛋糕。第一个目标不是削减所有Ajax请求，而是削减不必要的请求。或者，如果您想变得积极进取，还可以减少不必要的请求。例如，如果您的脚本每分钟执行一次相同的Ajax请求，请查看每两分钟是否不是一个合理的选择。如果是这样，那么您的请求数量就减少了一半!

2. Select the Event on which AJAX request triggers wisely

您需要注意在何时何地提出AJAX请求。应密切分析事件和用户 Action 的重新排序，以随着用户体验，数据管理和流程的增加而减少AJAX请求。例如，假设您有一个页面，用户可以在其中动态地重新排列项目列表。临时而言，您可能很想对订单中的每个更改执行Ajax请求(大概是，该请求会将新订单保存在数据库中)。但是，用户可能会进行多项更改，从而导致多次请求，而事实是，这仅是最后一个真正重要的顺序。一种简单的解决方案是添加一个提交按钮，供用户单击并在那时执行单个Ajax请求。

3. Use GET Requests When Appropriate

说到GET请求类型，您还应该知道GET请求的性能往往比POST好。公平地说，您所使用的决定应主要基于请求的具体情况:

GET requests are intended to retrieve information from the server.

POST requests are intended to cause a server reaction, such as the updating of a database record, the sending of an email, and so forth.

但是GET请求通常会更快，因此，如果对哪个最合适有任何疑问，那会过度使用GET错误。

4. Reduce the Amount of Data Transmitted

Ajax带给网页的好处是它们可以最大程度地减少需要在客户端和服务器之间来回传输的数据量。这仅仅是因为完整的网页(HTML，CSS，JavaScript和各种媒体)不需要由浏览器下载并重新绘制，只需确认用户名可用或获取最新的股票报价即可。但是Ajax请求本身可以编写为发送更多或更少的数据。

对于初学者，您可以限制服务器端资源将哪些实际数据传输回JavaScript。接下来，您应该选择最佳的数据格式:

Plain text

JavaScript Object Notation (JSON)

eXtensible Markup Language (XML)

与GET和POST一样，选择数据格式时还有其他因素，但是请注意，纯文本通常会传输最少的数据位，而XML可能很冗长。当然，JSON和XML能够代表比纯文本更复杂的数据，但不要忽略纯文本。

在更高级的级别上，您可以在返回之前压缩服务器上的数据。现代浏览器可以很好地处理 GZipped数据，尽管在进行GZip和在任一端解压缩数据所需的额外处理过程中都需要权衡取舍。传输 GZipped数据是一种更高级的概念，但您应该注意这一概念。

5. Use Caching for recurring data

利用浏览器缓存。仅当使用Ajax请求信息时才适用，而当使用Ajax向服务器发送数据时才适用。

缓存的要点是:浏览器将存储站点资源的本地副本，因此它无需在后续请求(在特定时间范围内)时重新下载它们。浏览器对资源进行缓存的尝试也适用于通过GET方法发出的Ajax请求(这可能会在调试过程中引起麻烦)。因此，如果您的GET请求是可行的，那么您将提高Ajax的性能。

但是在使用缓存时要非常小心，并注意可用资源的阈值。

另外，请阅读以下内容:

Making Ajax Elegantly Fast

Faster AJAX Web Services through multiple subdomain calls(此链接中提供的信息基于.NET，但可以使用相同的概念)

Are WebSockets faster than AJAX? ...with latency in mind?(与问题无关。仅在您的应用程序中考虑作为另一种选择)

我知道这是非常基本和笼统的信息，但希望这会有所帮助...