将大量HTML加载到div中（性能问题）

Question

我目前正在制作一个大学项目，在某些时候我需要将大量的ammounts os HTML加载到div中。我是这样做的

$('#output-div').html(codHTML);

请注意变量＆＃34; codHTML＆＃34;是包含大量HTML的

的变量

HTML代码的内容不仅仅是<span>，<b>和<p>以及通过JSON搜索检索的文本。

这是我填充codHTML变量的地方

for(iTest=0; iTest<nTests; iTest++){
    nLivros=numLivrosTest(iTest);
    for(iLivro=0; iLivro<nLivros; iLivro++){
        nCaps=numCapsLivroTest(iTest, iLivro);
        for(iCap=0; iCap<nCaps; iCap++){
            nVerss=numVerssCapLivroTest(iTest, iLivro, iCap);
            for(iVers=0; iVers<nVerss; iVers++){
                txtVers = txtVersCapLivroTest(iTest, iLivro, iCap, iVers);
                regexArray = txtVers.match(regex);
                if(regexArray!= null){
                    txtVersFinal = delimit(txtVersCapLivroTest(iTest, iLivro, iCap, iVers), regex, regexArray);
                    codHTML += '<p>' + refVers(iTest, iLivro, iCap, iVers) + txtVersFinal+ '</p>';
                }
            }
        }
    }
}

分隔函数，它的作用是将粗体元素添加到指定的单词。在下面的示例中，它是＆＃34;＆＃34;＆＃34;字

由＆＃34; num＆＃34;开始的功能与JSON搜索相关，它们返回某个parentNod的子节点总数。

函数refVers返回一个使用parentNodes名称构建的String

以下是它的外观示例：

我的问题是，无论什么时候我将html加载到div，页面都会冻结很长一段时间。 我已经对此进行了调查，我可以判断JSON搜索 NOR 上的问题 NOT NOR 当我将变量内容注入div本身时。问题仍然存在于浏览器实际显示注入结果的时间。

所以，大量的研究后，我感到非常难过地说，我已经找到解决方案，零减少页面冻结时间。

如果有人知道如何解决这个延迟，如果你告诉我，我真的会感到沮丧。

提前谢谢。