title: Fastest method to load a large number of objects in Three.js?
body: <p>I'm currently exploring methods of optimising the time taken to load / generate a large number of objects in Three.js. The input for these objects are individual vertex points that make up a 2D footprint.</p>
  
  <p>The initial method I used is to create <code>THREE.Shape</code> objects from the individual vertex points and then use <code>THREE.ExtrudeGeometry</code> to pull the 2D shape into a 3D object. Doing this for all objects takes around 3500ms.</p>
  
  <p>A second method I've explored is to pre-export the generated 3D objects (from the previous approach) into a JSON file using the <a href="https://github.com/mrdoob/three.js/wiki/JSON-Model-format-3.1" rel="nofollow">JSON model format</a>, then import that JSON file when needed instead of generating the objects at runtime. Just the import and loading of this JSON representation takes around 3800ms, which is longer than generating the objects at runtime!</p>
  
  <p>I'd like to know what the fastest method is for loading / generating objects in Three.js. I'm at a loss at how to speed up the <code>THREE.Shape</code> and extrusion approach, and I'm not sure why the JSON import approach is so slow (I assumed pre-generating the geometries would save a lot of time).</p>
  
  <p>Are there any other methods that might speed things up?</p>