Optymalizacja generowania tabeli html. Opcje

[KsaR]

[JAVASCRIPT] pobierz, plaintext 
var
d = document,
div = d.createElement('div'),
i=0,
larr = [],
lvls = [0,10,40,110,260,...]; // 1k int'ów.
 
while (1000!==++i) {
   larr[i]='<tr><td>'+(i+1)+'</td><td>'+lvls[i]+'</td></tr>';
}
 
div.innerHTML = '<table id="levels">
<tr>
   <th>LvL</th><th>Experience</th>
</tr>'+
larr.join('')
+'</table>';
 
d.body.appendChild(div);
[JAVASCRIPT] pobierz, plaintext 

Wygenerowanie tabeli zajmuję około 2s na moim tablecie,
a strona będzie głównie na urządzenia mobilne.
Da się jakoś zoptymalizować to? Bo już bardziej nie potrafię (IMG:style_emoticons/default/tongue.gif)

[nospor]

No raczej. ++i dodaje przed wywolaniem zmiennej a i++ po wywolaniu.
Jednak co poradze ze dzialalo u mnie tak samo a nie tak jak powinno?

Dzialo sie tak,bo niezaleznie czy dales ++i czy i++ to do petli i tak juz wchodzilo zwiekszone.
Miales i zwiekszac na samym koncu petli a nie jeszcze zanim do petli weszlo.

czyli nie:
while (1000!==++i) {
larr[i]=(i+1)+' '+lvls[i];
}

a
while (1000!==i) {
larr[i]=(i+1)+' '+lvls[i];
i++;
}