Modo rapido per effettuare più chiamate AJAX

Question

Così ho un'applicazione web che sta facendo circa 14-15 chiamate AJAX ad alcune API. Il problema è la quantità di tempo che richiede tutte le chiamate AJAX è quasi 3 volte rispetto al tempo in cui ogni singola API mi mostra la risposta quando digito il suo URL nel browser.

Sto facendo tutte le chiamate AJAX all'istante nell'evento DOM Ready.

La cosa è come posso accelerare questo processo di effettuare 15 chiamate AJAX insieme, ottenere la risposta il più velocemente possibile e Manipolare il DOM di conseguenza.

alcuni punti che ho nella mia mente:

1. Tutte le chiamate AJAX devono essere ASYNC in natura. (Già farlo).
2. Non effettuare tutte le chiamate AJAX contemporaneamente. Indurre una sorta di timeout come fare tutte le chiamate AJAX allo stesso tempo potrebbe bloccare la larghezza di banda e rallenta il tempo di svolta del processo.
3. Riduzione del numero di chiamate API con qualsiasi mezzo. (Già farlo).
4. Manipola il DOM il più minimamente possibile. (Già farlo).
5. Impostazione cache:true in configurazione AJAX. Non penso che sarà di grande aiuto, comunque lo sto facendo ovunque sono sicuro che i contenuti si aggiorneranno molto lentamente.

Qualsiasi suggerimento sarà prezioso! Grazie.

Il modo in cui sto facendo chiamate 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

Vi consiglio di utilizzare il modulo async.js sul client. Potrebbe essere questo ciò che stai cercando.

Answer 2

Lei non può emettere la chiamata ajax direttamente, ma li fila e lasciare che un gestore di controllo della coda, vedere qui:. Queue ajax requests using jQuery.queue()