Как лучше использовать JS для создания большого списка?

Question

[Палтос]

Приведу пример:
Пример с массивом

var items= [];
var oth = '<li>oth 1</li><li class="test">oth2</li>';
items.push(oth );
for (var c = 0; c < arr.length; c++) {
items.push('<li title="'+arr[c].title+'" class="'+arr[c].cat+'">'+arr[c].title+'</span></li>');
}
$('#container').html('<ul id="list">'+items.join('')+'</ul>');

или так 
for (var c = 1; c < arr.length; c++) {
items[c]='<li title="'+arr[c].title+'" class="'+arr[c].cat+'">'+arr[c].title+'</span></li>';
}

Пример с переменной

var items= '';
var oth = '<li>oth 1</li><li class="test">oth2</li>';
items += oth;
for (var c = 0; c < arr.length; c++) {
items += '<li title="'+arr[c].title+'" class="'+arr[c].cat+'">'+arr[c].title+'</span></li>';
}
$('#container').html('<ul id="list">'+items+'</ul>');

Кол-во элементов списка ~1000
Что будет работать быстрее ?)

Answer 1

[SuperNikiforov]

Разницы вы не увидите. Но второй быстрее.

Answer 2

[Stalker_RED]

При вставке одиночного элемента рулит appendChild, при вставке большого куска - собрать все в одну строку, и insertAdjacentHTML('afterbegin', htmlStr).