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)

[Pyton_000]

Wiesz jaka jest różnica międzi '++i' a 'i++' (IMG:style_emoticons/default/questionmark.gif)

może lepiej tak:

Kod

for (var i = 0, len = lvls.length; i < len; i++) {
    larr[i]=(i+1)+' '+lvls[i];
}

[KsaR]

Wiesz jaka jest różnica międzi '++i' a 'i++' (IMG:style_emoticons/default/questionmark.gif)

może lepiej tak:

Kod

for (var i = 0, len = lvls.length; i < len; i++) {
    larr[i]=(i+1)+' '+lvls[i];
}

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?

Co do petli - moja wersja bedzie szybsza.
Samo sprawdzenie czy < jest wolniejsze od !==.
Gdy typ jest pierwszy a uzyjemy !== tez jest szybciej.
I dodatkowo nie musze 'len' robic bo to bedzie najblizsze sto lat pewnie 10k.
Jako ze w tej grzej przez 10 lat najwyzszy lvl to 260? (IMG:style_emoticons/default/biggrin.gif) lub mniejszy.

Ten post edytował KsaR 26.04.2016, 16:03:31