Comments on: 43,439 reasons to use append() correctly

By: Lawrence Ong

Lawrence Ong — Mon, 01 Feb 2010 21:55:38 +0000

Thanks for your tip — it has helped me a lot. I do have a question though.

First off, I use the jQuery library to design a calendar, the source of which is originally this: http://www.bytecyclist.com/projects/jmonthcalendar/.

By applying the techiques you proposed, I’ve been able to display about 500 calendar events in a minute. This was a great improvement since before this (and other enhancements) it would take somewhere in the vicinity of 5 minutes to complete the same task.

That being said, however, I’ve hit a wall. for more than a thousand events, it would take ages, and a couple of “script timeout” messages from IE. I do not have the option of switching to another browser as the framework is constrained.

I would like to display up to 5000 events, but not sure if this technology is even capable of doing this.

Any suggestions would be appreciated.

thanks
Lawrence

By: adil

adil — Tue, 26 Jan 2010 21:23:13 +0000

re-code:

function addFormField() {
var id = document.getElementById(“aj_adult”).value;
$(“#DivAjAdult”).append(“Nom et prénom d’adulte ” + id + “”);
id = (id – 1) + 2;
document.getElementById(“aj_adult”).value = id;
}

By: adil

adil — Tue, 26 Jan 2010 21:21:45 +0000

please, i'm a little stupid in jquery: i have a function with append , i want to know how to stop it, i have used it to creat input element into a div where id is "DivAjAdult", and changing attr id and name from the value of an input where id is "aj_adult" but it doen't stop .. help here is the code:

function addFormField() {
var id = document.getElementById("aj_adult").value;
$("#DivAjAdult").append("Nom et prénom d'adulte " + id + "");	
	id = (id - 1) + 2;
	document.getElementById("aj_adult").value = id;
}

By: Agent Smith

Agent Smith — Sun, 17 Jan 2010 18:57:02 +0000

Your article saved me a ton of time trying to trouble shoot an issue and possibly cut my would be code by half. Awesome article. Thanks.

By: Arun

Arun — Sat, 12 Dec 2009 18:24:34 +0000

GWT, which I’m used for my final year project seems to use innerHtml exclusively.
So there must be a speed advantage.
(GWT says they provides cross browser compatible and most optimized code)

Any comments?
(I’m just a newbie to JavaScript programming)

By: Andreas Grabner

Andreas Grabner — Tue, 03 Nov 2009 12:23:43 +0000

You can use dynaTrace AJAX Edition for accurate profiling in IE6, 7 and 8.

By: Josh Powell

Josh Powell — Wed, 28 Oct 2009 14:53:03 +0000

Good question.. I was surprised no one ever asked that, especially after it changed. It was the number of milliseconds between the fastest method and the slowest, but that changed after writing the article and faster methods were discovered.

By: valugi

valugi — Wed, 28 Oct 2009 11:20:14 +0000

why 43439?

By: Josh Powell

Josh Powell — Wed, 21 Oct 2009 17:35:26 +0000

I primarily use

var start = new Date();
//code to be profiled
var time = new Date() – start;

Now, there is talk from John Resig about how some versions of IE measures small amounts of time inaccurately, so this is not completely reliable for testing code cross browser, however the stats for IE vs. IE are still relevant.

The second method I’ve used for profiling code is Firebug. There is a “profile” button that moves around based on what version of firebug you are using.

By: janetsmith

janetsmith — Wed, 21 Oct 2009 11:26:56 +0000

This is an off topic question:

How do you profile the javascript performance? Especially profiling the performance on different browsers.

Thanks.