如何有效地将长列表添加到DOM中

Question

我试图将超过30k的项目动态添加到无序列表中。要获取这些项目，我使用XMLHttpRequest。我的问题是如何有效地做到这一点，因为典型的方法，如下：

var xmlHttp = new XMLHttpRequest();
xmlHttp.open("GET", "www/by_symbol.php?symbol=" + symbol, true);
xmlHttp.send(null);
xmlHttp.onload = onLoad;

function onLoad() {
    if (xmlHttp.status === 200) {
        document.getElementById('list').innerHTML = xmlHttp.responseText;
    }
}

需要50秒以上。这是典型的吗？