jQuery .load() - measure the time

Question

I'm using jquery .load() to load some external(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?

EDIT:

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.

score 2 · Accepted Answer · answered Sep 15 '11 at 10:19

2

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 :)

answered Sep 15 '11 at 10:19

Samich

29,157
6
68
77

Very clever! Is the result in ms? – Iladarsda Sep 15 '11 at 10:21
According to [W3C](http://www.w3schools.com/jsref/jsref_gettime.asp) yes _(getTime() returns the number of milliseconds since 01.01.1970)_, but I didn't checked it. – Samich Sep 15 '11 at 10:23
1

Funny story - I get two different results - 25ms using this `count and log` method and 30ms reported by FireBug / Netword. – Iladarsda Sep 15 '11 at 10:31

score 2 · Answer 2 · answered Sep 15 '11 at 10:21

2

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

answered Sep 15 '11 at 10:21

Nicola Peluchetti

76,206
31
145
192

Yes, everything works fine. It is not being recorded. I don't know why. – Iladarsda Sep 15 '11 at 10:22
Maybe because I'm running locally? – Iladarsda Sep 15 '11 at 10:23
Did you check the ticker "show XMLhttprequests" in the "Console" drop down in firebug?Otherwise it won't show in the console – Nicola Peluchetti Sep 15 '11 at 10:25
yes, that is checked. Once running on `WAMP / localhost` I get record of this action. If on `c:/www/etc...` nothing is being recorded (except http requests - jQuery) – Iladarsda Sep 15 '11 at 10:29
Funny story - I get two different results - 25ms using this `count and log` method and 30ms reported by FireBug / Netword. – Iladarsda Sep 15 '11 at 10:31

score 1 · Answer 3 · answered Apr 14 '12 at 19:14

1

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);
});

answered Apr 14 '12 at 19:14

Zia

2,735
3
30
27

score 1 · Answer 4 · answered Sep 15 '11 at 11:01

1

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.

answered Sep 15 '11 at 11:01

roselan

3,755
1
20
20

jQuery .load() - measure the time

4 Answers4