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)

[KsaR]

[JAVASCRIPT] pobierz, plaintext 
r[++j] = '</span></td><td width="2%"><input type="button" class="failOne" rev="';
[JAVASCRIPT] pobierz, plaintext 

Zawartość stringa = 69 (IMG:style_emoticons/default/biggrin.gif)

[JAVASCRIPT] pobierz, plaintext 
larr[i]='<tr><td>'+(i+1)+'</td><td>'+lvls[i]+'</td></tr>';
[JAVASCRIPT] pobierz, plaintext 

U mnie najdłuższy string będzie taki:

[HTML] pobierz, plaintext 
<tr><td>1000</td><td>100000000000</td></tr>
[HTML] pobierz, plaintext 

Co daję 43 znaki.
Więc chyba nie ma sensu tu bardziej dzielić.
Niby można by każde połączenie w tym do kolejnego elementu tablicy ale to nie powinno dodać dużo różnicy...
_____
Wpadłem teraz na pomysł żeby w html robić div'a. W nim komunikat że trwa generacja tabeli,
I asynchronicznie dołączać skrypt.
// czesciowo zainspirowane pomyslem @Pyton_000, co do appendowania także daje (+).
_____
Jednak, gdyby ktoś miał jakieś dodatkowe pomysły to chętnie poczytam - bo może da się jeszcze lepiej. (IMG:style_emoticons/default/tongue.gif)
_____

You may squeeze a bit more performance out by specifying the length of the array when you construct it e.g. var r = new Array(data.length*19+2)

Jeszcze spróbuję to dodać według komentarza z stack @trueblue.
Może coś poprawi bo wygląda jak SplFixedArray z php. (IMG:style_emoticons/default/tongue.gif)

Ten post edytował KsaR 26.04.2016, 12:20:26