Comments on: JavaScript optimization Part 1: Adding DOM elements to document http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/ In my blog I'll try to describe about interesting technologies, my discovery in IT and some useful things about programming. Tue, 29 Dec 2009 10:34:28 +0000 http://wordpress.org/?v=2.9.1 hourly 1 By: mascon http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-235143 mascon Thu, 18 Mar 2010 16:56:00 +0000 http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-235143 array[idx++]= еще делают так, array[array.length]= проверенно, работает быстрее чем .push а склеивание строк с помощью отератора += тормазит не только в JS... array[idx++]=
еще делают так, array[array.length]=
проверенно, работает быстрее чем .push
а склеивание строк с помощью отератора += тормазит не только в JS…

]]> By: Abadonna http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-234536 Abadonna Thu, 18 Mar 2010 16:58:00 +0000 http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-234536 Для IE7 метод innerHTML не прокатывает для вставки <option> в <select>. Обрезается первый открывающий тэг <option>, в результате ни один из элементов списка не отображается. Для IE7 метод innerHTML не прокатывает для вставки <option> в <select>. Обрезается первый открывающий тэг <option>, в результате ни один из элементов списка не отображается.

]]> By: sunnybear http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-195764 sunnybear Thu, 18 Mar 2010 06:13:00 +0000 http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-195764 <code lang="javascript">array.push</code> можно заменить на <code lang="javascript">array[idx++]=</code> (ага, читаем Lecompte) -- будет еще быстрее :)
1
array.push

можно заменить на

1
array[idx++]=

(ага, читаем Lecompte) — будет еще быстрее :)

]]> By: efreeti http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-132944 efreeti Thu, 18 Mar 2010 16:14:00 +0000 http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-132944 BTW rest of your articles are also only connected to HTML/DOM/CSS/JS combination and not JS itself. I think it's incorrect to name your article this way. Aren't there quite useful topics like optimization of lookups, state pattern for avoiding if statements, etc. that really concern JS coding practices? BTW rest of your articles are also only connected to HTML/DOM/CSS/JS combination and not JS itself. I think it’s incorrect to name your article this way. Aren’t there quite useful topics like optimization of lookups, state pattern for avoiding if statements, etc. that really concern JS coding practices?

]]> By: efreeti http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-132937 efreeti Thu, 18 Mar 2010 15:53:00 +0000 http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-132937 I don't quite understand what it has to do with JavaScript optimization? The only JavaScript optimization I see here is using array for string concat. The rest you were talking about is optimization of interaction with DOM ( and to tell you honestly nothing very new). Still although this method is more descriptive than using DOM methods for creation of JS, it is still ugly. In the end HTML markup should never be bundled inside the JS code, it's already a bad practice - visualization should be separate from the logic. According to current state of things and MVC HTML is a part of the view, which is why you should not mess its creation with control (JS). So such things as HTML template should be defined outside the script. There are different ways of implementing such templating mechanism, some frameworks support such options. You can say that you don't have time for that and you fine with this solution. In case of small script/hack you will be right. But in any case this is far from unobtrusive JavaScript or good practise in case of larger development. I don’t quite understand what it has to do with JavaScript optimization? The only JavaScript optimization I see here is using array for string concat. The rest you were talking about is optimization of interaction with DOM ( and to tell you honestly nothing very new). Still although this method is more descriptive than using DOM methods for creation of JS, it is still ugly. In the end HTML markup should never be bundled inside the JS code, it’s already a bad practice – visualization should be separate from the logic. According to current state of things and MVC HTML is a part of the view, which is why you should not mess its creation with control (JS). So such things as HTML template should be defined outside the script. There are different ways of implementing such templating mechanism, some frameworks support such options.
You can say that you don’t have time for that and you fine with this solution. In case of small script/hack you will be right. But in any case this is far from unobtrusive JavaScript or good practise in case of larger development.

]]> By: melco http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-86336 melco Thu, 18 Mar 2010 10:46:00 +0000 http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-86336 Can't agree about Opera is the fastest browser in the world. Try out Safary and see that it's at least two times faster than other. Can’t agree about Opera is the fastest browser in the world. Try out Safary and see that it’s at least two times faster than other.

]]> By: DrGreen http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-70110 DrGreen Thu, 18 Mar 2010 11:37:00 +0000 http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-70110 Thanks for this article, it save my day! Thanks again! Thanks for this article, it save my day!
Thanks again!

]]> By: Sören http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-67980 Sören Thu, 18 Mar 2010 08:09:00 +0000 http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-67980 thanx for the article! interesting - i never thought of an array and "push" to do this. btw "push" is not compatible with ie5.0 if you care about that browser. but one important thing - i think your ie6 install must be totally f***** up. i realy could not reproduce your measurements... on my machine for ie6 (in test-order): 188, 125, (too long ;-), 94, 78 to get a comparison, ff1.5 takes 150ms for the first test here... so?! to use innerHTML was also the recommendation of PPK (Peter Paul Koch), after his testings way back. hm, there is clearly something wrong. thanx for the article! interesting – i never thought of an array and “push” to do this. btw “push” is not compatible with ie5.0 if you care about that browser.
but one important thing – i think your ie6 install must be totally f***** up. i realy could not reproduce your measurements…
on my machine for ie6 (in test-order):
188, 125, (too long ;-), 94, 78
to get a comparison, ff1.5 takes 150ms for the first test here… so?!
to use innerHTML was also the recommendation of PPK (Peter Paul Koch), after his testings way back.
hm, there is clearly something wrong.

]]> By: Erhan http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-49615 Erhan Thu, 18 Mar 2010 22:33:00 +0000 http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-49615 Great article. Thank you very much. Great article. Thank you very much.

]]> By: Скорость работы браузеров » Блог FX’а http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-35161 Скорость работы браузеров » Блог FX’а Thu, 18 Mar 2010 13:10:00 +0000 http://kpumuk.info/javascript/javascript-optimization-part-1-adding-dom-elements-to-document/#comment-35161 [...] После прочтения статьи Дмитрия Штефлюка про скорость работы javascript в разных браузерах я очень удивился - мой любимый Firefox оказался чуть ли не самым медленным браузером (после IE 6.0). Решил проверить самостоятельно на его тестовом примере и заодно сравнить скорость альфа-версии Firefox 3.0 с второй версией. А заодно установил Opera 9.20, которая вот вышла буквально вчера, чтобы удостовериться в ее быстроте. [...] [...] После прочтения статьи Дмитрия Штефлюка про скорость работы javascript в разных браузерах я очень удивился – мой любимый Firefox оказался чуть ли не самым медленным браузером (после IE 6.0). Решил проверить самостоятельно на его тестовом примере и заодно сравнить скорость альфа-версии Firefox 3.0 с второй версией. А заодно установил Opera 9.20, которая вот вышла буквально вчера, чтобы удостовериться в ее быстроте. [...]

]]>