Calculez combien de temps il faut pour faire une requête AJAX

Question

Je cherche à comprendre combien de temps il faut pour faire une requête AJAX, quand un bouton est cliqué jusqu'à présent, j'ai ce code:

$(document).ready(function() { 
    $('#start').click(function() { 
     start_timer(); 
     var record = $.ajax({url: "ajax.php?getSensor="+devid, async: false }).responseText; 
     $("textarea#recordTextbox").val($('textarea#recordTextbox').val()+record+"\n"); 
     stoptimer(); 
    }); 
}); 

Et mes fonctions de minuterie ressemblent à ceci:

function start_timer() { 
    display(); 
} 
function stoptimer() { 
    clearTimeout(timer); 
    timer = 0; 
} 
function display(){ 
    if (millisec>=9){ 
    millisec=0 
    seconds+=1 
    } 
    else 
    millisec+=1 
    $("#time").html(seconds + "." + millisec); 
    timer = setTimeout("display()",100); 
    } 

la requête AJAX est envoyée correctement, mais la minuterie 0,1 seconde à chaque fois lit, je sais que cela prend plus de temps que cela parce que la page se bloque pendant au moins 3 secondes. Pour une raison quelconque, la minuterie ne fonctionne pas lorsque vous quittez son affaire AJAX.

Un conseil aiderait, merci!

Answer 1

Je ne pouvais pas cette minuterie pour travailler, donc j'ai utilisé Date() getTime() comme ceci:.

var start_time = new Date().getTime();  
    $.ajax({url: "ajax.php?getSensor="+devid, async: false, success: function(data){ 
     $("textarea#recordTextbox").val($('textarea#recordTextbox').val()+data+"\n"); 
     request_time = new Date().getTime() - start_time; 
    }}); 
    $("#time").html(request_time/1000); 

Answer 2

Vous pouvez faire cela plus facile avec une requête asynchrone en tant que tel:

$(document).ready(function() { 
    $('#start').click(function() { 
     start_timer(); 
     $.ajax({url: "ajax.php?getSensor="+devid, async: false, success: function(data){ 
      $("textarea#recordTextbox").val($('textarea#recordTextbox').val()+data+"\n"); 
      stoptimer(); 
     }}); 
    }); 
}); 

Answer 3

Si vous faites cela pour aider le développement, utilisez firebug.

Answer 4

Il suffit de lancer YSlow dessus.

Pour une approche générale pour déterminer ce qui ne va pas avec vos chargements de page et vos requêtes AJAX, utilisez le YSlow addon for Firefox.

Il vous montrera des choses dont vous n'avez jamais rêvé qui ralentissent votre code.