javascript - 进行多个 AJAX 调用的快速方法

Question

所以我有一个 Web 应用程序，它对某些 API 进行大约 14-15 次 AJAX 调用。问题是，当我在浏览器中键入其 URL 时，所有 AJAX 调用所花费的时间几乎是每个 API 向我显示响应的时间的 3 倍。

我在 DOM Ready 事件中立即进行所有 AJAX 调用。

问题是我如何才能加快同时进行 15 个 AJAX 调用的过程，尽可能快地获得响应并相应地操作 DOM。

我想到的几点:

1. 所有 AJAX 调用本质上都应该是异步的。 (已经在做了)。
2. 不要同时进行所有 AJAX 调用。引发某种超时，因为同时进行所有 AJAX 调用可能会阻塞带宽并减慢流程的周转时间。
3. 通过任何方式减少 API 调用的数量。 (已经在做了)。
4. 尽可能少地操作 DOM。 (已经在做了)。
5. 在 AJAX 设置中设置 cache:true。我认为这不会真正有帮助，但我仍然会在任何我确信内容更新非常缓慢的地方这样做。

任何建议都是有值(value)的!谢谢。

我进行 AJAX 调用的方式

$(document).ready(function(){

    loadSentimentModule();
    loadCountModule();
    loadEntitiesModule();  
    // Some more function calls.

});

function loadSentimentModule(){

   $.ajax({
          url:someurl,
          cache:true,
          dataType:"json",
          success: function(data){

              // Based on data manipulating DOM.
          }

}

// Same kind of function defintions for all the functions.

Answer 1

您可能不会直接发出 ajax 调用，而是将它们排队并让管理员控制队列，请参见此处:Queue ajax requests using jQuery.queue()