jQuery .load() - измерить время

Question

Я использую jquery .load() загрузить некоторые внешние (но в пределах одного домена) ресурсы на страницу.

Поскольку это действие не видно через FireBug Network / Chrome Network console - как я могу измерить время загрузки?

---

РЕДАКТИРОВАТЬ:

При локальном запуске (не локальном) FireBug не будет записывать это действие.

Убедитесь, что вы тестируете это с помощью WAMP / XAMPP (localhost) или на онлайн-сервере.

Answer 1

Используя разницу во времени:

var startDate = new Date();
var startMilliseconds = startDate.getTime();

$('mycontainerselector').load('myurl.html', function() {
    console.log(new Date().getTime() - startMilliseconds);
});

некоторые исправления могут понадобиться:)

Answer 2

.load() делает вызов AJAX, и это видно в консоли firebug, вы уверены, что делаете все правильно?

Answer 3

Другой способ измерения этого заключается в следующем:

var startDate = new Date();
var startMilliseconds = startDate.getTime();

$('#stuff').ajaxStop(function() {
    console.log(new Date().getTime() - startMilliseconds);
});

Answer 4

Вы можете использовать console.time() и console.timeEnd()

console.time('loading ajax');
$('#stuff').load('url.html', function() {
   console.timeEnd('loading ajax');
});

в консоли будет напечатано "loading ajax: 1247ms".