三个JS Collada性能问题

Question

我有以下代码将collada模型加载到THREE.js，我将其克隆为100，然后将每个模型添加到场景中，一切正常但加载后性能变得非常糟糕，尽管它们只有100个对象我计划为大约100个模型加载大约10000个对象。

    var loader=new THREE.ColladaLoader();
loader.options.convertUpAxis = true;
var gc=new THREE.Object3D();
loader.load("resources/models/274.dae",function(collada){
    for(var i=0;i<100;i++){
        var c=collada.scene.clone();
        c.position.set(i,0,i*Math.random());
        scene.add(c);
    }
},function(xhr){
    var percentComplete = xhr.loaded / xhr.total * 100;
    document.getElementById("sload").innerHTML="Scene, Mountain Downloaded: "+ Math.round(percentComplete, 2) + '%';
});

我应该怎样做才能获得最佳表现？