草庐IT

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

coder 2024-04-25 原文

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

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

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

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

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

谢谢。

最佳答案

在创建带有许多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?(与问题无关。仅在您的应用程序中考虑作为另一种选择)

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

    关于javascript - 具有许多AJAX调用性能的网页，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30052724/

    javascript许多codebrblockquotephpajax

    有关javascript - 具有许多AJAX调用性能的网页的更多相关文章

    1. ruby - 具有身份验证的私有(private) Ruby Gem 服务器 - 2

      我想安装一个带有一些身份验证的私有(private)Rubygem服务器。我希望能够使用公共(public)Ubuntu服务器托管内部gem。我读到了http://docs.rubygems.org/read/chapter/18.但是那个没有身份验证-如我所见。然后我读到了https://github.com/cwninja/geminabox.但是当我使用基本身份验证(他们在他们的Wiki中有)时，它会提示从我的服务器获取源。所以。如何制作带有身份验证的私有(private)Rubygem服务器？这是不可能的吗？谢谢。编辑:Geminabox问题。我尝试“捆绑”以安装新的gem..

    2. 使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2

      我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file

    3. c# - 如何在 ruby​​ 中调用 C# dll？ - 2

      如何在ruby​​中调用C#dll？ 最佳答案 我能想到几种可能性:为您的DLL编写(或找人编写)一个COM包装器，如果它还没有，则使用Ruby的WIN32OLE库来调用它；看看RubyCLR,其中一位作者是JohnLam，他继续在Microsoft从事IronRuby方面的工作。(估计不会再维护了，可能不支持.Net2.0以上的版本)；正如其他地方已经提到的，看看使用IronRuby，如果这是您的技术选择。有一个主题是here.请注意，最后一篇文章实际上来自JohnLam(看起来像是2009年3月)，他似乎很自在地断言RubyCL

    4. jquery - 我的 jquery AJAX POST 请求无需发送 Authenticity Token (Rails) - 2

      rails中是否有任何规定允许站点的所有AJAXPOST请求在没有authenticity_token的情况下通过？我有一个调用Controller方法的JqueryPOSTajax调用，但我没有在其中放置任何真实性代码，但调用成功。我的ApplicationController确实有'request_forgery_protection'并且我已经改变了config.action_controller.consider_all_requests_local在我的environments/development.rb中为false我还搜索了我的代码以确保我没有重载ajaxSend来发送

    5. java - 从 JRuby 调用 Java 类的问题 - 2

      我正在尝试使用boilerpipe来自JRuby。我看过guide从JRuby调用Java，并成功地将它与另一个Java包一起使用，但无法弄清楚为什么同样的东西不能用于boilerpipe。我正在尝试基本上从JRuby中执行与此Java等效的操作:URLurl=newURL("http://www.example.com/some-location/index.html");Stringtext=ArticleExtractor.INSTANCE.getText(url);在JRuby中试过这个:require'java'url=java.net.URL.new("http://www

    6. ruby - 调用其他方法的 TDD 方法的正确方法 - 2

      我需要一些关于TDD概念的帮助。假设我有以下代码defexecute(command)casecommandwhen"c"create_new_characterwhen"i"display_inventoryendenddefcreate_new_character#dostufftocreatenewcharacterenddefdisplay_inventory#dostufftodisplayinventoryend现在我不确定要为什么编写单元测试。如果我为execute方法编写单元测试，那不是几乎涵盖了我对create_new_character和display_invent

    7. ruby-on-rails - Rails 3.1 中具有相同形式的多个模型？ - 2

      我正在使用Rails3.1并在一个论坛上工作。我有一个名为Topic的模型，每个模型都有许多Post。当用户创建新主题时，他们也应该创建第一个Post。但是，我不确定如何以相同的形式执行此操作。这是我的代码:classTopic:destroyaccepts_nested_attributes_for:postsvalidates_presence_of:titleendclassPost...但这似乎不起作用。有什么想法吗？谢谢! 最佳答案 @Pablo的回答似乎有你需要的一切。但更具体地说...首先改变你View中的这一行对此#

    8. 【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2

      在应用开发中，有时候我们需要获取系统的设备信息，用于数据上报和行为分析。那在鸿蒙系统中，我们应该怎么去获取设备的系统信息呢，比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况，一种是设备信息的获取，一种是系统信息的获取。1.1、获取设备信息获取设备信息，鸿蒙的SDK包为我们提供了DeviceInfo类，通过该类的一些静态方法，可以获取设备信息，DeviceInfo类的包路径为：ohos.system.DeviceInfo.具体的方法如下：ModifierandTypeMethodDescriptionstatic StringgetAbiList​()Obt

    9. C51单片机——实现用独立按键控制LED亮灭（调用函数篇） - 2

      说在前面这部分我本来是合为一篇来写的，因为目的是一样的，都是通过独立按键来控制LED闪灭本质上是起到开关的作用，即调用函数和中断函数。但是写一篇太累了，我还是决定分为两篇写，这篇是调用函数篇。在本篇中你主要看到这些东西！！！1.调用函数的方法（主要讲语法和格式）2.独立按键如何控制LED亮灭3.程序中的一些细节（软件消抖等）1.调用函数的方法思路还是比较清晰地，就是通过按下按键来控制LED闪灭，即每按下一次，LED取反一次。重要的是，把按键与LED联系在一起。我打算用K1来作为开关，看了一下开发板原理图，K1连接的是单片机的P31口，当按下K1时，P31是与GND相连的，也就是说，当我按下去时

    10. ruby - 如何找到调用当前方法的方法 - 2

      如何找到调用此方法的位置？defto_xml(options={})binding.pryoptions=options.to_hifoptions&&options.respond_to?(:to_h)serializable_hash(options).to_xml(options)end 最佳答案 键入caller。这将返回当前调用堆栈。文档:Kernel#caller.例子[0]%rspecspec10/16|===================================================62=====

    随机推荐