jQuery .load() - measure the time

I'm using jquery .load() to load some ex开发者_开发技巧ternal(but within same domain) resourses into the page.

As this action is not visible through FireBug Network / Chrome Network console - how can I measure the time of loading?

If running locally ( not localhost ) FireBug will not record this action.

Make sure you are testing this using WAMP / XAMPP (localhost) or on an on-line server.

Using difference in time:

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

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

some corrections may be needed :)

.load() makes an AJAX call and it is visible in the firebug console, are you sure you are doing everything in the correct way?

you can use console.time() and console.timeEnd()

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

it will print "loading ajax: 1247ms" in the console.

another way of measuring this is the following:

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

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