JavaScriptを使ったDOM解析のブロック

Question

私は小さな問題があります。私はJSの非同期呼び出しで満たされたHTMLページにテーブルを持っています。何千もの要素があり、明らかにそれらはクラスで満たされており、それらをきれいにすることができます。

これはそうのように行われます。

for(var i = 0; i < elements.length; i++){ 
    var td = document.createElement("td"); 
    td.className = "all the pretty css"; 

    var button = document.createElement("a"); 
    button.className = "btn so pretty wow"; 
    td.appendChild(button); 

    tableTr.appendChild(td); 
} 

はしかし、これは多くの時間を要し、かつconsole.timeとconsole.timeEndを使用することによって、私は、全体のプロセスは、約100msのJSの実行を取ることを決定することができた、手段時間は実際にはDOM解析によってキューに入れられていることを示します。 （私は右だ？）

だから、のような何かを行うにどのような方法があれば、私は思っていた：

Dom.stopParsing(); 

mySuperFunction(); 
anotherFunction(); 
thisTimeAsync(
    function(){ 
     Dom.parse(); 
); 

そしてそうで、効果的に解析時間を短縮！

Answer 1

使用document fragments：

var frag = document.createDocumentFragment(); 

for(var i = 0; i < elements.length; i++){ 
    var td = document.createElement("td"); 
    td.className = "all the pretty css"; 

    var button = document.createElement("a"); 
    button.className = "btn so pretty wow"; 
    td.appendChild(button); 

    frag.appendChild(td); 
} 

tableTr.appendChild(frag);