javascript - 何が速いですか - 要素をjsで複製または作成しますか?

Question

アプリをできるだけ速く実行しようとしています。

現時点では、検索を実行すると、次のように各要素を動的に作成して結果を作成します。

(各ループの外側)

var theList = [];

(各ループ内):

var titleH3 = $('<h3>').append(result.title),
    jobResult = $('<div>').addClass('job-result').attr({
                        'id': result.id,
                        'data-jobno': jobNo,
                    });
//a bunch of other info also created here (about 6 elements total)

jobResult.append(titleH3);
theList.push(jobResult);

次に、ループの外側:

$('#load-more').before(theList)

私の質問は、既に html に div があり、毎回それを複製して情報 (タイトルなど) を変更する方が速いでしょうか?