小编典典

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

ajax

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

我注意到,并且用户也告诉我,有时应用程序性能非常慢。我认为这是由于AJAX调用导致的,我检查了服务器,并在发生此问题时没有任何性能问题。

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

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

有人知道我该如何解决?

谢谢。


阅读 271

收藏
2020-07-26

共1个答案

小编典典

在创建有很多**AJAX** 请求的应用程序时,请记住以下几点:

1.减少Ajax请求的数量

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

2.选择明智地触发AJAX请求的事件

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

3.适当时使用GET请求

说到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.减少传输的数据量

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.使用缓存重复数据

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

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

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

另请阅读以下内容:

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

2020-07-26